diff --git a/magic-boot-ui/src/assets/images/login-bg.svg b/magic-boot-ui/src/assets/images/login-bg.svg
index 192651a..f0e76b6 100644
--- a/magic-boot-ui/src/assets/images/login-bg.svg
+++ b/magic-boot-ui/src/assets/images/login-bg.svg
@@ -1,138 +1,98 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;background:#7aceff;display:block;z-index:1;position:relative" width="1920" height="1080" preserveAspectRatio="xMidYMid" viewBox="0 0 1920 1080">
-  <g transform="translate(960,540) scale(1,1) translate(-960,-540)"><g transform="translate(-100 416.03196572326607) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 416.03196572326607;1920 416.03196572326607" dur="500s" repeatCount="indefinite" begin="-5.139372331517178s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
-  </g><g transform="translate(-100 596.4001678117764) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 596.4001678117764;1920 596.4001678117764" dur="500s" repeatCount="indefinite" begin="-130.3016475134896s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
-  </g><g transform="translate(-100 26.545882090192208) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 26.545882090192208;1920 26.545882090192208" dur="500s" repeatCount="indefinite" begin="-418.3960343898864s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
-  </g><g transform="translate(-100 571.769019413317) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 571.769019413317;1920 571.769019413317" dur="500s" repeatCount="indefinite" begin="-479.907328466289s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
-  </g><g transform="translate(-100 299.0294986971487) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 299.0294986971487;1920 299.0294986971487" dur="500s" repeatCount="indefinite" begin="-227.05389635543605s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
-  </g><g transform="translate(-100 963.5414388315442) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 963.5414388315442;1920 963.5414388315442" dur="500s" repeatCount="indefinite" begin="-257.66135282842185s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
-  </g><g transform="translate(-100 381.5964835751399) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 381.5964835751399;1920 381.5964835751399" dur="500s" repeatCount="indefinite" begin="-307.0477827472562s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
-  </g><g transform="translate(-100 645.4789577105932) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 645.4789577105932;1920 645.4789577105932" dur="500s" repeatCount="indefinite" begin="-202.62184460542164s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
-  </g><g transform="translate(-100 869.0735193051235) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 869.0735193051235;1920 869.0735193051235" dur="500s" repeatCount="indefinite" begin="-255.24368861928292s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
-  </g><g transform="translate(-100 361.72520676524846) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 361.72520676524846;1920 361.72520676524846" dur="500s" repeatCount="indefinite" begin="-483.79414705548476s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
-  </g><g transform="translate(-100 86.68805096063784) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 86.68805096063784;1920 86.68805096063784" dur="500s" repeatCount="indefinite" begin="-320.8829128692832s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
-  </g><g transform="translate(-100 488.9772963132972) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 488.9772963132972;1920 488.9772963132972" dur="250s" repeatCount="indefinite" begin="-170.39139507921476s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
-  </g><g transform="translate(-100 4.576774043616565) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 4.576774043616565;1920 4.576774043616565" dur="250s" repeatCount="indefinite" begin="-316.15263864899003s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
-  </g><g transform="translate(-100 214.60993590372678) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 214.60993590372678;1920 214.60993590372678" dur="250s" repeatCount="indefinite" begin="-398.4521377828001s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
-  </g><g transform="translate(-100 1078.2795968790304) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1078.2795968790304;1920 1078.2795968790304" dur="250s" repeatCount="indefinite" begin="-91.39136730030228s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
-  </g><g transform="translate(-100 696.282800231443) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 696.282800231443;1920 696.282800231443" dur="250s" repeatCount="indefinite" begin="-9.791027044726896s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
-  </g><g transform="translate(-100 561.7712540738951) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 561.7712540738951;1920 561.7712540738951" dur="250s" repeatCount="indefinite" begin="-193.89859611923643s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
-  </g><g transform="translate(-100 1027.434371957216) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1027.434371957216;1920 1027.434371957216" dur="250s" repeatCount="indefinite" begin="-208.13490311748794s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
-  </g><g transform="translate(-100 723.5576871943198) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 723.5576871943198;1920 723.5576871943198" dur="250s" repeatCount="indefinite" begin="-397.71421883595184s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
-  </g><g transform="translate(-100 138.14742803728817) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 138.14742803728817;1920 138.14742803728817" dur="250s" repeatCount="indefinite" begin="-468.4075429967608s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
-  </g><g transform="translate(-100 1064.1245308500543) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1064.1245308500543;1920 1064.1245308500543" dur="250s" repeatCount="indefinite" begin="-127.52573851087668s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
-  </g><g transform="translate(-100 867.7256355602567) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 867.7256355602567;1920 867.7256355602567" dur="250s" repeatCount="indefinite" begin="-404.38720114464013s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
-  </g><g transform="translate(-100 585.4335678795345) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 585.4335678795345;1920 585.4335678795345" dur="166.66666666666666s" repeatCount="indefinite" begin="-232.32351534757112s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
-  </g><g transform="translate(-100 55.826384663633284) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 55.826384663633284;1920 55.826384663633284" dur="166.66666666666666s" repeatCount="indefinite" begin="-310.35651449581314s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
-  </g><g transform="translate(-100 550.8735693730529) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 550.8735693730529;1920 550.8735693730529" dur="166.66666666666666s" repeatCount="indefinite" begin="-250.08402103222537s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
-  </g><g transform="translate(-100 468.8701205905754) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 468.8701205905754;1920 468.8701205905754" dur="166.66666666666666s" repeatCount="indefinite" begin="-487.8153302121583s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
-  </g><g transform="translate(-100 507.2526567834844) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 507.2526567834844;1920 507.2526567834844" dur="166.66666666666666s" repeatCount="indefinite" begin="-233.64601277250242s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
-  </g><g transform="translate(-100 345.3058813907401) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 345.3058813907401;1920 345.3058813907401" dur="166.66666666666666s" repeatCount="indefinite" begin="-487.12855908306886s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
-  </g><g transform="translate(-100 1031.1827146601443) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1031.1827146601443;1920 1031.1827146601443" dur="166.66666666666666s" repeatCount="indefinite" begin="-10.720882299359303s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
-  </g><g transform="translate(-100 18.27432163445976) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 18.27432163445976;1920 18.27432163445976" dur="166.66666666666666s" repeatCount="indefinite" begin="-239.34624845076246s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
-  </g><g transform="translate(-100 254.00652063210185) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 254.00652063210185;1920 254.00652063210185" dur="166.66666666666666s" repeatCount="indefinite" begin="-97.67550616205378s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
-  </g><g transform="translate(-100 853.1521302679544) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 853.1521302679544;1920 853.1521302679544" dur="166.66666666666666s" repeatCount="indefinite" begin="-215.52668400815244s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
-  </g><g transform="translate(-100 120.29600539710484) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 120.29600539710484;1920 120.29600539710484" dur="166.66666666666666s" repeatCount="indefinite" begin="-121.43545841045444s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
-  </g><g transform="translate(-100 739.4135223183714) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 739.4135223183714;1920 739.4135223183714" dur="125s" repeatCount="indefinite" begin="-433.4250149061785s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
-  </g><g transform="translate(-100 239.0788419164232) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 239.0788419164232;1920 239.0788419164232" dur="125s" repeatCount="indefinite" begin="-407.9383077190322s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
-  </g><g transform="translate(-100 573.1972400632184) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 573.1972400632184;1920 573.1972400632184" dur="125s" repeatCount="indefinite" begin="-456.49760543175864s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
-  </g><g transform="translate(-100 915.5433684236687) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 915.5433684236687;1920 915.5433684236687" dur="125s" repeatCount="indefinite" begin="-40.03727141414903s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
-  </g><g transform="translate(-100 824.8766336499561) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 824.8766336499561;1920 824.8766336499561" dur="125s" repeatCount="indefinite" begin="-16.039906214160293s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
-  </g><g transform="translate(-100 499.265059924676) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 499.265059924676;1920 499.265059924676" dur="125s" repeatCount="indefinite" begin="-35.858363803996426s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
-  </g><g transform="translate(-100 1022.1802798581422) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1022.1802798581422;1920 1022.1802798581422" dur="125s" repeatCount="indefinite" begin="-190.07909527181744s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
-  </g><g transform="translate(-100 1062.112161307141) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1062.112161307141;1920 1062.112161307141" dur="125s" repeatCount="indefinite" begin="-108.16335769140706s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
-  </g><g transform="translate(-100 249.76500277280388) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 249.76500277280388;1920 249.76500277280388" dur="125s" repeatCount="indefinite" begin="-360.72984703184443s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
-  </g><g transform="translate(-100 989.5257835559386) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 989.5257835559386;1920 989.5257835559386" dur="125s" repeatCount="indefinite" begin="-358.39639108375485s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
-  </g><g transform="translate(-100 763.1858129038242) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 763.1858129038242;1920 763.1858129038242" dur="125s" repeatCount="indefinite" begin="-57.071504489237036s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
-  </g><g transform="translate(-100 394.96112430266106) rotate(0)">
-    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 394.96112430266106;1920 394.96112430266106" dur="125s" repeatCount="indefinite" begin="-175.51156196107908s"></animateTransform>
-    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
-  </g></g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1920" height="1080" preserveAspectRatio="xMidYMid" viewBox="0 0 1920 1080">
+<g transform="translate(960,540) scale(1,-1) translate(-960,-540)"><path id="path0" d="M 1349.9098887622815 185.16915627008808 c 0 26.590437311255734 -6.5061708314774656 7.6376788021692 -14.143849633646665 7.6376788021692 S 1321.6221894949883 211.7595935813438 1321.6221894949883 185.16915627008808 s 6.5061708314774656 -7.6376788021692 14.143849633646665 -7.6376788021692 S 1349.9098887622815 158.57871895883235 1349.9098887622815 185.16915627008808 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="14.632267999638175" fill="#ff708e">
+  <animateMotion begin="-11.590466641060427s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path0"/>
+  </animateMotion>
+</circle><path id="path1" d="M 1299.6932195239785 317.12638037505536 c 0 34.821134259509634 -8.520064765624698 10.001815159646386 -18.521879925271083 10.001815159646386 S 1262.6494596734362 351.947514634565 1262.6494596734362 317.12638037505536 s 8.520064765624698 -10.001815159646386 18.521879925271083 -10.001815159646386 S 1299.6932195239785 282.30524611554574 1299.6932195239785 317.12638037505536 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="17.30792014672236" fill="#de9dd6">
+  <animateMotion begin="-8.95589724484751s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path1"/>
+  </animateMotion>
+</circle><path id="path2" d="M 111.25272199046691 375.8719982330086 c 0 28.024935326008073 -6.8571650265764434 8.049715465981043 -14.906880492557486 8.049715465981043 S 81.43896100535193 403.89693355901665 81.43896100535193 375.8719982330086 s 6.8571650265764434 -8.049715465981043 14.906880492557486 -8.049715465981043 S 111.25272199046691 347.8470629070005 111.25272199046691 375.8719982330086 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="12.669302833148285" fill="#e0ff77">
+  <animateMotion begin="-5.565159510466704s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path2"/>
+  </animateMotion>
+</circle><path id="path3" d="M 1504.755000906474 640.8630363818409 c 0 33.780400040902855 -8.26541703128474 9.702880862812522 -17.96829789409726 9.702880862812522 S 1468.8184051182793 674.6434364227437 1468.8184051182793 640.8630363818409 s 8.26541703128474 -9.702880862812522 17.96829789409726 -9.702880862812522 S 1504.755000906474 607.082636340938 1504.755000906474 640.8630363818409 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="9.146958137129836" fill="#de9dd6">
+  <animateMotion begin="-14.752788268299275s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path3"/>
+  </animateMotion>
+</circle><path id="path4" d="M 1438.7194047124874 900.4906795633224 c 0 32.724571530537666 -8.00707601279113 9.399610971537415 -17.406686984328545 9.399610971537415 S 1403.9060307438301 933.21525109386 1403.9060307438301 900.4906795633224 s 8.00707601279113 -9.399610971537415 17.406686984328545 -9.399610971537415 S 1438.7194047124874 867.7661080327847 1438.7194047124874 900.4906795633224 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="15.677317452896688" fill="#ff708e">
+  <animateMotion begin="-1.1425743261292354s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path4"/>
+  </animateMotion>
+</circle><path id="path5" d="M 1377.8259677685908 190.2989727154286 c 0 33.5014862564454 -8.197172169130257 9.622767328978998 -17.819939498109257 9.622767328978998 S 1342.1860887723722 223.80045897187398 1342.1860887723722 190.2989727154286 s 8.197172169130257 -9.622767328978998 17.819939498109257 -9.622767328978998 S 1377.8259677685908 156.7974864589832 1377.8259677685908 190.2989727154286 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="10.545617900229804" fill="#51cacc">
+  <animateMotion begin="-9.925167277224837s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path5"/>
+  </animateMotion>
+</circle><path id="path6" d="M 699.5619032555242 173.64339385556056 c 0 22.890529496325936 -5.600874238462728 6.574939323412769 -12.175813561875497 6.574939323412769 S 675.2102761317731 196.5339233518865 675.2102761317731 173.64339385556056 s 5.600874238462728 -6.574939323412769 12.175813561875497 -6.574939323412769 S 699.5619032555242 150.75286435923462 699.5619032555242 173.64339385556056 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="8.823697641429444" fill="#ff708e">
+  <animateMotion begin="-7.101400252511483s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path6"/>
+  </animateMotion>
+</circle><path id="path7" d="M 1502.3184744544892 748.3256840717742 c 0 29.56321240330199 -7.233551971020699 8.491561009459081 -15.72511298047978 8.491561009459081 S 1470.8682484935298 777.8888964750762 1470.8682484935298 748.3256840717742 s 7.233551971020699 -8.491561009459081 15.72511298047978 -8.491561009459081 S 1502.3184744544892 718.7624716684721 1502.3184744544892 748.3256840717742 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="15.097313756793348" fill="#e0ff77">
+  <animateMotion begin="-16.2767664139038s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path7"/>
+  </animateMotion>
+</circle><path id="path8" d="M 875.9912218633518 184.51950247788722 c 0 36.37142976127214 -8.899392388396373 10.447112803769658 -19.34650519216603 10.447112803769658 S 837.2982114790199 220.89093223915935 837.2982114790199 184.51950247788722 s 8.899392388396373 -10.447112803769658 19.34650519216603 -10.447112803769658 S 875.9912218633518 148.14807271661508 875.9912218633518 184.51950247788722 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="17.19104452482677" fill="#51cacc">
+  <animateMotion begin="-1.8652637198274213s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path8"/>
+  </animateMotion>
+</circle><path id="path9" d="M 1479.2399634419357 61.33508696828571 c 0 34.11872390217692 -8.348198401596479 9.800058993178476 -18.148257394774955 9.800058993178476 S 1442.943448652386 95.45381087046263 1442.943448652386 61.33508696828571 s 8.348198401596479 -9.800058993178476 18.148257394774955 -9.800058993178476 S 1479.2399634419357 27.21636306610879 1479.2399634419357 61.33508696828571 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="15.855811877531224" fill="#9df871">
+  <animateMotion begin="-3.035988641499956s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path9"/>
+  </animateMotion>
+</circle><path id="path10" d="M 571.4191895582195 191.5481744110148 c 0 20.79300718126673 -5.087650693288667 5.972459509512785 -11.060110202801452 5.972459509512785 S 549.2989691526167 212.34118159228154 549.2989691526167 191.5481744110148 s 5.087650693288667 -5.972459509512785 11.060110202801452 -5.972459509512785 S 571.4191895582195 170.75516722974805 571.4191895582195 191.5481744110148 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="16.72806401591559" fill="#ff708e">
+  <animateMotion begin="-1.7963849564032675s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path10"/>
+  </animateMotion>
+</circle><path id="path11" d="M 105.18777938216608 104.43185429353139 c 0 26.00935428319513 -6.36399094163285 7.470771974960303 -13.834762916593153 7.470771974960303 S 77.51825354897979 130.44120857672652 77.51825354897979 104.43185429353139 s 6.36399094163285 -7.470771974960303 13.834762916593153 -7.470771974960303 S 105.18777938216608 78.42250001033625 105.18777938216608 104.43185429353139 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="16.44114740668901" fill="#51cacc">
+  <animateMotion begin="-3.6172728417846622s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path11"/>
+  </animateMotion>
+</circle><path id="path12" d="M 53.5023681447867 1041.9723638812375 c 0 22.600107101926067 -5.5298134398329735 6.491520125021317 -12.021333564854292 6.491520125021317 S 29.459701015078114 1064.5724709831636 29.459701015078114 1041.9723638812375 s 5.5298134398329735 -6.491520125021317 12.021333564854292 -6.491520125021317 S 53.5023681447867 1019.3722567793114 53.5023681447867 1041.9723638812375 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="16.253802352244648" fill="#9df871">
+  <animateMotion begin="-2.2741458273148574s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path12"/>
+  </animateMotion>
+</circle><path id="path13" d="M 1489.2513333213988 969.2237471962012 c 0 21.52668839880468 -5.2671684380054 6.183197731571558 -11.450366169576958 6.183197731571558 S 1466.350600982245 990.7504355950059 1466.350600982245 969.2237471962012 s 5.2671684380054 -6.183197731571558 11.450366169576958 -6.183197731571558 S 1489.2513333213988 947.6970587973965 1489.2513333213988 969.2237471962012 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="15.194742236185608" fill="#ff708e">
+  <animateMotion begin="-11.741976075373328s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path13"/>
+  </animateMotion>
+</circle><path id="path14" d="M 1845.6473677110291 551.4828587242023 c 0 22.591554773482507 -5.527720848830826 6.489063605149231 -12.016784453980057 6.489063605149231 S 1821.613798803069 574.0744134976848 1821.613798803069 551.4828587242023 s 5.527720848830826 -6.489063605149231 12.016784453980057 -6.489063605149231 S 1845.6473677110291 528.8913039507198 1845.6473677110291 551.4828587242023 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="14.99698402981728" fill="#de9dd6">
+  <animateMotion begin="-18.600839623781276s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path14"/>
+  </animateMotion>
+</circle><path id="path15" d="M 1922.0685155799683 945.9007213755189 c 0 31.615027706616466 -7.735591885661475 9.080912213602602 -16.81650409926408 9.080912213602602 S 1888.43550738144 977.5157490821354 1888.43550738144 945.9007213755189 s 7.735591885661475 -9.080912213602602 16.81650409926408 -9.080912213602602 S 1922.0685155799683 914.2856936689024 1922.0685155799683 945.9007213755189 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="8.827700721901026" fill="#9df871">
+  <animateMotion begin="-19.16890602299407s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path15"/>
+  </animateMotion>
+</circle><path id="path16" d="M 100.86860223361062 27.378621310533717 c 0 34.76624257836834 -8.50663382236672 9.98604840016963 -18.49268222253635 9.98604840016963 S 63.883237788537926 62.14486388890206 63.883237788537926 27.378621310533717 s 8.50663382236672 -9.98604840016963 18.49268222253635 -9.98604840016963 S 100.86860223361062 -7.387621267834625 100.86860223361062 27.378621310533717 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="16.13956668595096" fill="#ff708e">
+  <animateMotion begin="-2.2692229534473984s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path16"/>
+  </animateMotion>
+</circle><path id="path17" d="M 1178.9411193810608 445.72324429352415 c 0 30.400067965806628 -7.438314502271834 8.731934415710414 -16.17024891798225 8.731934415710414 S 1146.6006215450964 476.12331225933076 1146.6006215450964 445.72324429352415 s 7.438314502271834 -8.731934415710414 16.17024891798225 -8.731934415710414 S 1178.9411193810608 415.32317632771753 1178.9411193810608 445.72324429352415 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="15.357762329732441" fill="#51cacc">
+  <animateMotion begin="-10.157359703650904s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path17"/>
+  </animateMotion>
+</circle><path id="path18" d="M 673.5817480982976 183.535715578992 c 0 25.221915941567396 -6.171319858043086 7.244592876833188 -13.415912734876274 7.244592876833188 S 646.7499226285449 208.7576315205594 646.7499226285449 183.535715578992 s 6.171319858043086 -7.244592876833188 13.415912734876274 -7.244592876833188 S 673.5817480982976 158.3137996374246 673.5817480982976 183.535715578992 z" fill="none" stroke="none"/>
+<circle cx="0" cy="0" r="9.556473475843394" fill="#51cacc">
+  <animateMotion begin="-0.8141051610736438s" dur="20s" repeatCount="indefinite">
+    <mpath xlink:href="#path18"/>
+  </animateMotion>
+</circle></g>
+</svg>
\ No newline at end of file
diff --git a/magic-boot-ui/src/assets/images/login-bg1.svg b/magic-boot-ui/src/assets/images/login-bg1.svg
new file mode 100644
index 0000000..192651a
--- /dev/null
+++ b/magic-boot-ui/src/assets/images/login-bg1.svg
@@ -0,0 +1,138 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;background:#7aceff;display:block;z-index:1;position:relative" width="1920" height="1080" preserveAspectRatio="xMidYMid" viewBox="0 0 1920 1080">
+  <g transform="translate(960,540) scale(1,1) translate(-960,-540)"><g transform="translate(-100 416.03196572326607) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 416.03196572326607;1920 416.03196572326607" dur="500s" repeatCount="indefinite" begin="-5.139372331517178s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
+  </g><g transform="translate(-100 596.4001678117764) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 596.4001678117764;1920 596.4001678117764" dur="500s" repeatCount="indefinite" begin="-130.3016475134896s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
+  </g><g transform="translate(-100 26.545882090192208) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 26.545882090192208;1920 26.545882090192208" dur="500s" repeatCount="indefinite" begin="-418.3960343898864s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
+  </g><g transform="translate(-100 571.769019413317) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 571.769019413317;1920 571.769019413317" dur="500s" repeatCount="indefinite" begin="-479.907328466289s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
+  </g><g transform="translate(-100 299.0294986971487) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 299.0294986971487;1920 299.0294986971487" dur="500s" repeatCount="indefinite" begin="-227.05389635543605s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
+  </g><g transform="translate(-100 963.5414388315442) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 963.5414388315442;1920 963.5414388315442" dur="500s" repeatCount="indefinite" begin="-257.66135282842185s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
+  </g><g transform="translate(-100 381.5964835751399) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 381.5964835751399;1920 381.5964835751399" dur="500s" repeatCount="indefinite" begin="-307.0477827472562s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
+  </g><g transform="translate(-100 645.4789577105932) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 645.4789577105932;1920 645.4789577105932" dur="500s" repeatCount="indefinite" begin="-202.62184460542164s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
+  </g><g transform="translate(-100 869.0735193051235) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 869.0735193051235;1920 869.0735193051235" dur="500s" repeatCount="indefinite" begin="-255.24368861928292s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
+  </g><g transform="translate(-100 361.72520676524846) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 361.72520676524846;1920 361.72520676524846" dur="500s" repeatCount="indefinite" begin="-483.79414705548476s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
+  </g><g transform="translate(-100 86.68805096063784) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 86.68805096063784;1920 86.68805096063784" dur="500s" repeatCount="indefinite" begin="-320.8829128692832s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
+  </g><g transform="translate(-100 488.9772963132972) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 488.9772963132972;1920 488.9772963132972" dur="250s" repeatCount="indefinite" begin="-170.39139507921476s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
+  </g><g transform="translate(-100 4.576774043616565) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 4.576774043616565;1920 4.576774043616565" dur="250s" repeatCount="indefinite" begin="-316.15263864899003s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
+  </g><g transform="translate(-100 214.60993590372678) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 214.60993590372678;1920 214.60993590372678" dur="250s" repeatCount="indefinite" begin="-398.4521377828001s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
+  </g><g transform="translate(-100 1078.2795968790304) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1078.2795968790304;1920 1078.2795968790304" dur="250s" repeatCount="indefinite" begin="-91.39136730030228s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
+  </g><g transform="translate(-100 696.282800231443) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 696.282800231443;1920 696.282800231443" dur="250s" repeatCount="indefinite" begin="-9.791027044726896s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
+  </g><g transform="translate(-100 561.7712540738951) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 561.7712540738951;1920 561.7712540738951" dur="250s" repeatCount="indefinite" begin="-193.89859611923643s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
+  </g><g transform="translate(-100 1027.434371957216) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1027.434371957216;1920 1027.434371957216" dur="250s" repeatCount="indefinite" begin="-208.13490311748794s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
+  </g><g transform="translate(-100 723.5576871943198) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 723.5576871943198;1920 723.5576871943198" dur="250s" repeatCount="indefinite" begin="-397.71421883595184s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
+  </g><g transform="translate(-100 138.14742803728817) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 138.14742803728817;1920 138.14742803728817" dur="250s" repeatCount="indefinite" begin="-468.4075429967608s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
+  </g><g transform="translate(-100 1064.1245308500543) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1064.1245308500543;1920 1064.1245308500543" dur="250s" repeatCount="indefinite" begin="-127.52573851087668s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
+  </g><g transform="translate(-100 867.7256355602567) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 867.7256355602567;1920 867.7256355602567" dur="250s" repeatCount="indefinite" begin="-404.38720114464013s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
+  </g><g transform="translate(-100 585.4335678795345) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 585.4335678795345;1920 585.4335678795345" dur="166.66666666666666s" repeatCount="indefinite" begin="-232.32351534757112s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
+  </g><g transform="translate(-100 55.826384663633284) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 55.826384663633284;1920 55.826384663633284" dur="166.66666666666666s" repeatCount="indefinite" begin="-310.35651449581314s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
+  </g><g transform="translate(-100 550.8735693730529) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 550.8735693730529;1920 550.8735693730529" dur="166.66666666666666s" repeatCount="indefinite" begin="-250.08402103222537s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
+  </g><g transform="translate(-100 468.8701205905754) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 468.8701205905754;1920 468.8701205905754" dur="166.66666666666666s" repeatCount="indefinite" begin="-487.8153302121583s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
+  </g><g transform="translate(-100 507.2526567834844) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 507.2526567834844;1920 507.2526567834844" dur="166.66666666666666s" repeatCount="indefinite" begin="-233.64601277250242s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
+  </g><g transform="translate(-100 345.3058813907401) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 345.3058813907401;1920 345.3058813907401" dur="166.66666666666666s" repeatCount="indefinite" begin="-487.12855908306886s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
+  </g><g transform="translate(-100 1031.1827146601443) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1031.1827146601443;1920 1031.1827146601443" dur="166.66666666666666s" repeatCount="indefinite" begin="-10.720882299359303s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
+  </g><g transform="translate(-100 18.27432163445976) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 18.27432163445976;1920 18.27432163445976" dur="166.66666666666666s" repeatCount="indefinite" begin="-239.34624845076246s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
+  </g><g transform="translate(-100 254.00652063210185) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 254.00652063210185;1920 254.00652063210185" dur="166.66666666666666s" repeatCount="indefinite" begin="-97.67550616205378s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
+  </g><g transform="translate(-100 853.1521302679544) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 853.1521302679544;1920 853.1521302679544" dur="166.66666666666666s" repeatCount="indefinite" begin="-215.52668400815244s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
+  </g><g transform="translate(-100 120.29600539710484) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 120.29600539710484;1920 120.29600539710484" dur="166.66666666666666s" repeatCount="indefinite" begin="-121.43545841045444s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
+  </g><g transform="translate(-100 739.4135223183714) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 739.4135223183714;1920 739.4135223183714" dur="125s" repeatCount="indefinite" begin="-433.4250149061785s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
+  </g><g transform="translate(-100 239.0788419164232) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 239.0788419164232;1920 239.0788419164232" dur="125s" repeatCount="indefinite" begin="-407.9383077190322s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
+  </g><g transform="translate(-100 573.1972400632184) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 573.1972400632184;1920 573.1972400632184" dur="125s" repeatCount="indefinite" begin="-456.49760543175864s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
+  </g><g transform="translate(-100 915.5433684236687) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 915.5433684236687;1920 915.5433684236687" dur="125s" repeatCount="indefinite" begin="-40.03727141414903s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
+  </g><g transform="translate(-100 824.8766336499561) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 824.8766336499561;1920 824.8766336499561" dur="125s" repeatCount="indefinite" begin="-16.039906214160293s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
+  </g><g transform="translate(-100 499.265059924676) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 499.265059924676;1920 499.265059924676" dur="125s" repeatCount="indefinite" begin="-35.858363803996426s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
+  </g><g transform="translate(-100 1022.1802798581422) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1022.1802798581422;1920 1022.1802798581422" dur="125s" repeatCount="indefinite" begin="-190.07909527181744s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
+  </g><g transform="translate(-100 1062.112161307141) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1062.112161307141;1920 1062.112161307141" dur="125s" repeatCount="indefinite" begin="-108.16335769140706s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
+  </g><g transform="translate(-100 249.76500277280388) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 249.76500277280388;1920 249.76500277280388" dur="125s" repeatCount="indefinite" begin="-360.72984703184443s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
+  </g><g transform="translate(-100 989.5257835559386) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 989.5257835559386;1920 989.5257835559386" dur="125s" repeatCount="indefinite" begin="-358.39639108375485s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
+  </g><g transform="translate(-100 763.1858129038242) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 763.1858129038242;1920 763.1858129038242" dur="125s" repeatCount="indefinite" begin="-57.071504489237036s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
+  </g><g transform="translate(-100 394.96112430266106) rotate(0)">
+    <animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 394.96112430266106;1920 394.96112430266106" dur="125s" repeatCount="indefinite" begin="-175.51156196107908s"></animateTransform>
+    <path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
+  </g></g>
+</svg>
diff --git a/magic-boot-ui/src/assets/images/logo-magic-boot.png b/magic-boot-ui/src/assets/images/logo-magic-boot.png
new file mode 100644
index 0000000..22e8d06
Binary files /dev/null and b/magic-boot-ui/src/assets/images/logo-magic-boot.png differ
diff --git a/magic-boot-ui/src/components/magic/advanced/mb-form.vue b/magic-boot-ui/src/components/magic/advanced/mb-form.vue
index 9d14b6b..9789724 100644
--- a/magic-boot-ui/src/components/magic/advanced/mb-form.vue
+++ b/magic-boot-ui/src/components/magic/advanced/mb-form.vue
@@ -36,7 +36,7 @@
       default: () => {}
     }
   })
-  const emit = defineEmits(['reload-table'])
+  const emit = defineEmits(['reload'])
 
   props.form.props = props.form.props || {}
   proxy.$common.setDefaultValue(props.form.props, 'labelPosition', 'right')
@@ -91,7 +91,7 @@
             props.detail.formData = {}
           }
           d.hide()
-          emit('reload-table')
+          emit('reload')
         }).catch(() => d.hideLoading())
       }
     })
diff --git a/magic-boot-ui/src/components/magic/basic/mb-dialog.vue b/magic-boot-ui/src/components/magic/basic/mb-dialog.vue
index c79d180..45fd2a4 100644
--- a/magic-boot-ui/src/components/magic/basic/mb-dialog.vue
+++ b/magic-boot-ui/src/components/magic/basic/mb-dialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :fullscreen="fullscreen" :width="width" :title="title" v-model="dialogVisible" :close-on-click-modal="false" :append-to-body="true" draggable @opened="opened">
+  <el-dialog :fullscreen="fullscreen" :width="width" :title="title" v-model="dialogVisible" :close-on-click-modal="false" :key="dialogKey" :append-to-body="true" draggable @opened="opened">
     <slot name="content" />
     <template #footer>
       <div slot="footer" class="dialog-footer">
@@ -36,12 +36,17 @@ export default {
     opened: {
       type: Function,
       default: () => {}
+    },
+    autoKey: {
+      type: Boolean,
+      default: true
     }
   },
   data() {
     return {
       dialogVisible: false,
-      confirmLoading: false
+      confirmLoading: false,
+      dialogKey: 'mbDialog',
     }
   },
   created() {
@@ -66,6 +71,9 @@ export default {
       this.confirmLoading = false
     },
     show() {
+      if(this.autoKey){
+        this.dialogKey = Math.random()
+      }
       this.dialogVisible = true
     },
     hide() {
diff --git a/magic-boot-ui/src/components/magic/basic/mb-editor-table.vue b/magic-boot-ui/src/components/magic/basic/mb-editor-table.vue
index b5ef62a..a6c3380 100644
--- a/magic-boot-ui/src/components/magic/basic/mb-editor-table.vue
+++ b/magic-boot-ui/src/components/magic/basic/mb-editor-table.vue
@@ -49,16 +49,16 @@ export default {
       this.tableOptions.cols.push({
         type: 'dynamic',
         field: col.field,
-        title: col.title
+        label: col.label
       })
     }
     this.tableOptions.cols.push({
-      title: '操作',
+      label: '操作',
       type: 'btns',
       width: 85,
       fixed: 'right',
       btns: [{
-        title: '删除',
+        label: '删除',
         type: 'danger',
         click: (row, index) => {
           this.tableOptions.data.splice(index, 1)
diff --git a/magic-boot-ui/src/components/magic/basic/mb-input.vue b/magic-boot-ui/src/components/magic/basic/mb-input.vue
index f387121..62aaa5e 100644
--- a/magic-boot-ui/src/components/magic/basic/mb-input.vue
+++ b/magic-boot-ui/src/components/magic/basic/mb-input.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-input v-model="modelValue" :type="type" :value="value" :placeholder="placeholder || (label && '请输入' + label)" v-bind="props.props" />
+  <el-input v-model="modelValue" :type="type" :placeholder="placeholder || (label && '请输入' + label)" v-bind="props.props" />
 </template>
 
 <script setup>
@@ -9,7 +9,6 @@
     modelValue: String,
     label: String,
     placeholder: String,
-    value: String,
     type: String,
     props: Object
   })
diff --git a/magic-boot-ui/src/components/magic/basic/mb-table-column.vue b/magic-boot-ui/src/components/magic/basic/mb-table-column.vue
index da9e7e2..e08bbaa 100644
--- a/magic-boot-ui/src/components/magic/basic/mb-table-column.vue
+++ b/magic-boot-ui/src/components/magic/basic/mb-table-column.vue
@@ -1,7 +1,7 @@
 <template>
   <el-table-column
     :key="col.field"
-    :label="col.title"
+    :label="col.label"
     :prop="col.field"
     :align="col.align || 'center'"
     :width="col.width"
@@ -23,8 +23,8 @@
       />
       <div v-else-if="col.type == 'btns'">
         <template v-for="btn in col.btns">
-          <el-button v-if="btn.if === undefined ? true : btn.if(scope.row)" :icon="btn.icon" :key="btn.title" v-permission="btn.permission" :type="btn.type" :size="btn.size || 'small'" :class="btn.class" @click="btn.click(scope.row, scope.$index)">
-            {{ btn.title }}
+          <el-button v-if="btn.if === undefined ? true : btn.if(scope.row)" :icon="btn.icon" :key="btn.label" v-permission="btn.permission" :type="btn.type" :size="btn.size || 'small'" :class="btn.class" @click="btn.click(scope.row, scope.$index)">
+            {{ btn.label }}
           </el-button>
         </template>
       </div>
diff --git a/magic-boot-ui/src/components/magic/basic/mb-treeselect.vue b/magic-boot-ui/src/components/magic/basic/mb-treeselect.vue
index 946b88e..0cf6cea 100644
--- a/magic-boot-ui/src/components/magic/basic/mb-treeselect.vue
+++ b/magic-boot-ui/src/components/magic/basic/mb-treeselect.vue
@@ -3,7 +3,8 @@
 </template>
 
 <script setup>
-  import { ref, getCurrentInstance } from "vue";
+  import { ref, getCurrentInstance, watch } from "vue"
+  const emit = defineEmits(['update:modelValue'])
   const { proxy } = getCurrentInstance()
   const props = defineProps({
     modelValue: {
@@ -20,6 +21,10 @@
     props: Object
   })
 
+  watch(() => props.modelValue, (value) => {
+    emit('update:modelValue', value)
+  })
+
   const options = ref([])
 
   proxy.$get(props.url).then(res => {
diff --git a/magic-boot-ui/src/icons/error.svg b/magic-boot-ui/src/icons/error.svg
new file mode 100644
index 0000000..e509005
--- /dev/null
+++ b/magic-boot-ui/src/icons/error.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1028 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M875.086452 153.730058C676.053818-45.302575 353.260522-45.302575 154.128323 153.730058s-199.032634 521.825929 0 720.958129 521.825929 199.032634 720.958129 0 199.032634-521.825929 0-720.958129zM725.836868 725.438604c-9.757478 9.757478-25.488922 9.757478-35.246399 0L514.557604 549.405739 338.624306 725.438604c-9.757478 9.757478-25.488922 9.757478-35.2464 0s-9.757478-25.488922 0-35.2464l176.032865-176.032864-176.032865-175.933299c-9.757478-9.757478-9.757478-25.488922 0-35.246399 9.757478-9.757478 25.488922-9.757478 35.2464 0l176.032864 176.032865 176.032865-176.032865c9.757478-9.757478 25.488922-9.757478 35.246399 0 9.757478 9.757478 9.757478 25.488922 0 35.246399L549.804004 514.15934 725.836868 690.192204c9.657912 9.757478 9.657912 25.488922 0 35.2464z"></path></svg>
\ No newline at end of file
diff --git a/magic-boot-ui/src/views/examples/test-mb-list.vue b/magic-boot-ui/src/views/examples/test-mb-list.vue
index 4388fb1..8a3d9ee 100644
--- a/magic-boot-ui/src/views/examples/test-mb-list.vue
+++ b/magic-boot-ui/src/views/examples/test-mb-list.vue
@@ -2,7 +2,7 @@
   <mb-list ref="magicList" v-bind="listOptions" />
   <mb-dialog ref="formDialog" @confirm-click="magicForm.save($event)" width="50%">
     <template #content>
-      <mb-form ref="magicForm" @reload-table="magicList.reload" :key="magicFormKey" v-bind="formOptions" />
+      <mb-form ref="magicForm" @reload="magicList.reload" v-bind="formOptions" />
     </template>
   </mb-dialog>
 </template>
@@ -13,7 +13,6 @@ const { proxy } = getCurrentInstance()
 const formDialog = ref()
 const magicList = ref()
 const magicForm = ref()
-const magicFormKey = ref()
 const listOptions = reactive({
   search: {
     noReset: 'id'
@@ -22,7 +21,7 @@ const listOptions = reactive({
     type: 'add',
     permission: 'user:save',
     click: () => {
-      magicFormKey.value = Math.random()
+      formOptions.form.rows[0].cols[1].rules = [{ required: true, message: '请输入密码', trigger: 'change' }]
       formOptions.detail.formData = null
       formDialog.value.show()
     }
@@ -96,7 +95,7 @@ const listOptions = reactive({
             icon: 'ElEdit',
             click: (row) => {
               // magicForm.value.getDetail(row.id)
-              magicFormKey.value = Math.random()
+              formOptions.form.rows[0].cols[1].rules = []
               formOptions.detail.formData = proxy.$common.copyNew(row)
               formDialog.value.show()
             }
@@ -148,7 +147,6 @@ const formOptions = reactive({
         span: 12,
         name: 'password',
         label: '密码',
-        rules: [{ required: true, message: '请输入密码', trigger: 'change' }],
         props: {
           type: 'password',
           autocomplete: 'new-password'
@@ -173,7 +171,7 @@ const formOptions = reactive({
         name: 'officeId',
         label: '组织机构',
         defaultValue: null,
-        // rules: [{ required: true, message: '请选择组织机构', trigger: 'change' }],
+        rules: [{ required: true, message: '请选择组织机构', trigger: 'change' }],
         props: {
           url: 'user/offices'
         }
diff --git a/magic-boot-ui/src/views/login.vue b/magic-boot-ui/src/views/login.vue
index 0e35419..59b1172 100644
--- a/magic-boot-ui/src/views/login.vue
+++ b/magic-boot-ui/src/views/login.vue
@@ -1,221 +1,202 @@
 <template>
-  <div class="login-container">
-    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left">
-      <div class="login-box">
-        <div class="title-container">
-          Magic-Boot
-        </div>
-        <el-form-item prop="username">
-          <span class="svg-container">
-            <svg-icon icon-class="user" />
-          </span>
-          <el-input ref="username" v-model="loginForm.username" placeholder="用户名" name="username" type="text" tabindex="1" auto-complete="on" />
-        </el-form-item>
-        <el-form-item prop="password">
-          <span class="svg-container">
-            <svg-icon icon-class="password" />
-          </span>
-          <el-input :key="passwordType" ref="password" v-model="loginForm.password" :type="passwordType" placeholder="密码" name="password" tabindex="2" auto-complete="on" @keyup.enter.native="handleLogin" />
-          <span class="show-pwd" @click="showPwd">
-            <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
-          </span>
-        </el-form-item>
-        <el-button :loading="loading" type="primary" size="medium" style="width:100%;margin-bottom:20px;font-size: 14px;" @click.native.prevent="handleLogin">登录</el-button>
+  <div class="magic-login">
+    <div class="magic-login-box">
+<!--      <div class="magic-login-logo"></div>-->
+      <div class="magic-login-text">{{ $global.title }}</div>
+      <div class="magic-login-row error" v-if="error"><mb-icon icon="error"/><span>{{ error }}</span></div>
+      <div class="magic-login-row">
+        <mb-icon icon="user"/>
+        <input ref="username" class="magic-input" v-model="loginForm.username" placeholder="用户名" name="username" type="text" tabindex="1" auto-complete="on" />
       </div>
-    </el-form>
-    <div class="copyright">Copyright © 2020-{{new Date().getYear() + 1900}} <a href="https://ssssssss.org.cn" target="_blank">ssssssss.org.cn</a> All rights reserved.</div>
+      <div class="magic-login-row">
+        <mb-icon icon="password"/>
+        <input class="magic-input" ref="password" v-model="loginForm.password" type="password" placeholder="密码" name="password" tabindex="2" auto-complete="on" @keyup.enter.native="handleLogin" />
+      </div>
+      <div class="magic-login-row">
+        <button :loading="loading" class="magic-button" type="primary" size="medium" @click.native.prevent="handleLogin">登录</button>
+      </div>
+    </div>
+    <div class="magic-login-copyright">Copyright © 2020-{{new Date().getYear() + 1900}} <a href="https://ssssssss.org.cn" target="_blank">ssssssss.org.cn</a> All rights reserved.</div>
   </div>
 </template>
 
-<script>
-import { login } from '@/scripts/auth'
+<script setup>
+  import { reactive, ref, getCurrentInstance } from 'vue'
+  import { login } from '@/scripts/auth'
+  const { proxy } = getCurrentInstance()
 
-export default {
-  name: 'Login',
-  data() {
-    return {
-      loginForm: {
-        username: '',
-        password: ''
-      },
-      loginRules: {
-        username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
-        password: [{ required: true, trigger: 'blur', message: '请输入密码' }]
-      },
-      loading: false,
-      passwordType: 'password',
-      redirect: undefined
-    }
-  },
-  watch: {
-    $route: {
-      handler: function(route) {
-        this.redirect = route.query && route.query.redirect
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    showPwd() {
-      if (this.passwordType === 'password') {
-        this.passwordType = ''
-      } else {
-        this.passwordType = 'password'
-      }
-      this.$nextTick(() => {
-        this.$refs.password.focus()
+  const loginForm = reactive({
+    username: '',
+    password: ''
+  })
+  const loading = ref(false)
+  function handleLogin() {
+    if(!loginForm.username){
+      proxy.$message({
+        message: '请输入用户名',
+        type: 'error',
+        duration: 2000,
+        showClose: true
       })
-    },
-    handleLogin() {
-      this.$refs.loginForm.validate(valid => {
-        if (valid) {
-          this.loading = true
-          login(this.loginForm).then((res) => {
-            console.log(this.$router)
-            this.$router.push({ path: '/home' })
-            this.loading = false
-          }).catch(() => {
-            this.loading = false
-          })
-        }
+      return
+    }else if(!loginForm.password){
+      proxy.$message({
+        message: '请输入密码',
+        type: 'error',
+        duration: 2000,
+        showClose: true
+      })
+      return
+    }else{
+      loading.value = true
+      login(loginForm).then((res) => {
+        proxy.$router.push({ path: '/home' })
+        loading.value = false
+      }).catch(() => {
+        loading.value = false
       })
     }
   }
-}
 </script>
 
-
-<style lang="scss">
-/* 修复input 背景不协调 和光标变色 */
-/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
-
-$bg: white;
-$light_gray: rgba(0,0,0,.65);
-$cursor: rgba(0,0,0,.65);
-
-@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
-  .login-container .el-input input {
-    color: $cursor;
-  }
+<style scoped>
+*{
+  box-sizing: border-box;
 }
-
-/* reset element-ui css */
-.login-container {
-  .el-input {
-    display: inline-block;
-    height: 30px;
-    width: 85%;
-
-    input {
-      background: transparent;
-      border: 0px;
-      -webkit-appearance: none;
-      border-radius: 0px;
-      padding: 3px;
-      color: $light_gray;
-      height: 30px;
-      caret-color: $cursor;
-
-      &:-webkit-autofill {
-        box-shadow: 0 0 0px 1000px $bg inset !important;
-        -webkit-text-fill-color: $cursor !important;
-      }
-    }
-  }
-
-  .el-form-item {
-    border: 1px solid #D9D9D9;
-    background: white;
-    color: rgba(0,0,0,.65);
-    border-radius: 5px;
-  }
-}
-</style>
-
-<style lang="scss" scoped>
-$dark_gray:#889aa4;
-$light_gray: rgba(0,0,0,.65);
-
-.login-container {
-  min-height: 100%;
+input{
   width: 100%;
-  background-image: url(../assets/images/login-bg.svg);
-  overflow: hidden;
-
-  .login-form {
-    position: relative;
-    width: 450px;
-    max-width: 100%;
-    padding: 160px 35px 35px;
-    margin: 0 auto;
-    overflow: hidden;
-
-    .login-box {
-      background: white;
-      padding: 20px;
-      border-radius: 5px;
-      box-shadow: 0 7px 25px rgba(0,0,0,.08);
-    }
-
-  }
-
-  .tips {
-    font-size: 14px;
-    color: #fff;
-    margin-bottom: 10px;
-
-    span {
-      &:first-of-type {
-        margin-right: 16px;
-      }
-    }
-  }
-
-  .svg-container {
-    padding-left: 10px;
-    color: $dark_gray;
-    width: 25px;
-    display: inline-block;
-  }
-
-  .title-container {
-    position: relative;
-    text-align: center;
-    margin-bottom: 20px;
-    font-family: PoetsenOne;
-    color: #808080;
-    font-size: 26px;
-
-    .title {
-      font-size: 26px;
-      color: $light_gray;
-      margin: 0px auto 40px auto;
-      text-align: center;
-      font-weight: bold;
-    }
-  }
-
-  .show-pwd {
-    position: absolute;
-    right: 10px;
-    font-size: 16px;
-    color: $dark_gray;
-    cursor: pointer;
-    user-select: none;
-  }
 }
-.copyright{
+label {
+  width: 60px;
+  text-align: right;
+  display: inline-block;
+}
+.magic-login{
+  position: fixed;
+  background: #fff;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-image: url(../assets/images/login-bg.svg);
+}
+.magic-login .magic-login-box{
+  border-radius: 5px;
+  width: 450px;
+  box-shadow: 0 7px 25px rgba(0,0,0,.08);
+  position: absolute;
+  box-sizing: border-box;
+  /*padding-top:60px;*/
+  padding-top:30px;
+  top:33.333333%;
+  margin-top: -125px;
+  background-color: #fff;
+}
+.magic-login-logo{
+  background-image: url(../assets/images/logo-magic-boot.png);
+  width: 128px;
+  height: 128px;
+  background-size: 90px 90px;
+  background-repeat: no-repeat;
+  background-position: center center;
+  position: absolute;
+  top: -64px;
+  left: 50%;
+  margin-left: -64px;
+  border-radius: 64px;
+  box-shadow: 0 0 20px 5px rgba(0,0,0,.08);
+  padding: 10px;
+  background-color: #fff;
+}
+.magic-login-text{
+  height: 70px;
+  line-height: 70px;
+  display: block;
   text-align: center;
-  color: white;
+  font-family: PoetsenOne;
+  font-size: 28px;
+  color: #808080;
+}
+.magic-login-text span{
+  font-size: 16px;
+}
+.magic-login-copyright{
+  text-align: center;
+  color: #999;
   font-size: 18px;
   font-family: Avenir,Helvetica,Arial,sans-serif;
   position: absolute;
   bottom: 50px;
-  width: 100%;
 }
-.copyright a{
+.magic-login-copyright a{
   text-decoration: none;
   color: #2196f3;
   outline: 0;
 }
+.magic-login-row{
+  width: 400px;
+  margin:25px auto;
+  position: relative;
+}
+.magic-login-row.error{
+  background-color: #fff1f0;
+  border: 1px solid #ffa39e;
+  color: #000;
+  border-radius: 4px;
+  padding:10px 0;
+  padding-left: 40px;
+}
+.magic-login-row.error span{
+  font-size: 14px;
+  word-break: break-all;
+}
+.magic-login-row svg{
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  top: 15px;
+  left: 15px;
+}
+.magic-login-row :deep(.magic-icon-error){
+  fill: red;
+}
+.magic-login-box .magic-input{
+  height: 50px;
+  line-height: 50px;
+  background-color: transparent;
+  display: block;
+  border: 1px solid #D9D9D9;
+  border-radius: 4px;
+  padding-left: 40px;
+  color: rgba(0,0,0,.65);
+  transition: all .3s;
+  font-size: 16px;
+  outline: 0;
+}
+.magic-login-box .magic-input:focus{
+  border-color:#0784de;
+}
+.magic-login-box .magic-button{
+  width: 100%;
+  height: 50px;
+  line-height: 50px;
+  background-color: #2196f3;
+  color: #fff;
+  border-radius: 4px;
+  font-size: 18px;
+  border: 1px solid #ADADAD;
+  border-color: #2196f3;
+  transition: all .3s;
+  cursor: pointer;
+}
+.magic-login-box .magic-button:hover,
+.magic-login-box .magic-button:focus{
+  background-color: #4db5ff !important;
+  border-color: #4db5ff !important;
+}
+.magic-login-box .magic-button:active{
+  background-color: #1272cc;
+  border-color: #1272cc;
+}
 </style>
diff --git a/magic-boot-ui/src/views/lowcode/component-list.vue b/magic-boot-ui/src/views/lowcode/component-list.vue
index d13ee82..86dbb8d 100644
--- a/magic-boot-ui/src/views/lowcode/component-list.vue
+++ b/magic-boot-ui/src/views/lowcode/component-list.vue
@@ -55,21 +55,21 @@ const tableOptions = reactive({
         cols: [
           {
             field: 'name',
-            title: '组件名称'
+            label: '组件名称'
           },
           {
             field: 'descRibe',
-            title: '组件描述'
+            label: '组件描述'
           },
           {
-            title: '操作',
+            label: '操作',
             type: 'btns',
             width: 270,
             fixed: 'right',
             btns: [
               {
                 permission: 'component:save',
-                title: '修改',
+                label: '修改',
                 type: 'text',
                 icon: 'ElEdit',
                 click: (row) => {
@@ -78,7 +78,7 @@ const tableOptions = reactive({
               },
               {
                 permission: 'component:delete',
-                title: '删除',
+                label: '删除',
                 type: 'text',
                 icon: 'ElDelete',
                 click: (row) => {
diff --git a/magic-boot-ui/src/views/system/dict/dict-items.vue b/magic-boot-ui/src/views/system/dict/dict-items.vue
index 4c2b146..b5f667f 100644
--- a/magic-boot-ui/src/views/system/dict/dict-items.vue
+++ b/magic-boot-ui/src/views/system/dict/dict-items.vue
@@ -77,29 +77,29 @@ const tableOptions = reactive({
   cols: [
     {
       field: 'label',
-      title: '类型'
+      label: '类型'
     },
     {
       field: 'value',
-      title: '值'
+      label: '值'
     },
     {
       field: 'sort',
-      title: '排序'
+      label: '排序'
     },
     {
       field: 'remarks',
-      title: '备注'
+      label: '备注'
     },
     {
-      title: '操作',
+      label: '操作',
       type: 'btns',
       width: 160,
       fixed: 'right',
       btns: [
         {
           permission: 'dict:items:save',
-          title: '修改',
+          label: '修改',
           type: 'text',
           icon: 'ElEdit',
           click: (row) => {
@@ -108,7 +108,7 @@ const tableOptions = reactive({
         },
         {
           permission: 'dict:items:delete',
-          title: '删除',
+          label: '删除',
           type: 'text',
           icon: 'ElDelete',
           click: (row) => {
diff --git a/magic-boot-ui/src/views/system/dict/dict-list.vue b/magic-boot-ui/src/views/system/dict/dict-list.vue
index d1f12b5..6d406b5 100644
--- a/magic-boot-ui/src/views/system/dict/dict-list.vue
+++ b/magic-boot-ui/src/views/system/dict/dict-list.vue
@@ -87,37 +87,37 @@ const tableOptions = reactive({
   cols: [
     {
       field: 'type',
-      title: '类型'
+      label: '类型'
     },
     {
       field: 'descRibe',
-      title: '描述'
+      label: '描述'
     },
     {
       field: 'dictType',
-      title: '字典类型',
+      label: '字典类型',
       width: 200,
       dictType: 'dict_type'
     },
     {
       field: 'remarks',
-      title: '备注',
+      label: '备注',
       width: 200
     },
     {
       field: 'sort',
-      title: '排序',
+      label: '排序',
       width: 100
     },
     {
-      title: '操作',
+      label: '操作',
       type: 'btns',
       width: 220,
       fixed: 'right',
       btns: [
         {
           permission: 'dict:save',
-          title: '修改',
+          label: '修改',
           type: 'text',
           icon: 'ElEdit',
           click: (row) => {
@@ -126,7 +126,7 @@ const tableOptions = reactive({
         },
         {
           permission: 'dict:delete',
-          title: '删除',
+          label: '删除',
           type: 'text',
           icon: 'ElDelete',
           click: (row) => {
@@ -142,7 +142,7 @@ const tableOptions = reactive({
         },
         {
           permission: 'dict:items:view',
-          title: '字典项',
+          label: '字典项',
           type: 'text',
           icon: 'ElList',
           click: (row) => {
diff --git a/magic-boot-ui/src/views/system/menu/menu-list.vue b/magic-boot-ui/src/views/system/menu/menu-list.vue
index eda5a76..c368dd5 100644
--- a/magic-boot-ui/src/views/system/menu/menu-list.vue
+++ b/magic-boot-ui/src/views/system/menu/menu-list.vue
@@ -25,7 +25,7 @@
     </el-row>
 
     <mb-table ref="table" v-bind="tableOptions" v-if="menuData && menuData.length > 0 && refreshTable" />
-    
+
     <mb-dialog ref="menuFormDialog" width="970px" :title="dialogTitle" @confirm-click="menuFormRef.save($event)">
       <template #content>
         <menu-form ref="menuFormRef" :title="dialogTitle" :menu-tree="menuTree" :menu-data="menuData" @reload-table="reloadTable" />
@@ -57,26 +57,26 @@ const tableOptions = reactive({
         cols: [
           {
             field: 'name',
-            title: '菜单名称',
+            label: '菜单名称',
             align: 'left',
             type: 'html'
           },
           {
             field: 'url',
-            title: '路径',
+            label: '路径',
             align: 'left',
             type: 'html'
           },
           {
             field: 'permission',
-            title: '权限标识',
+            label: '权限标识',
             width: 150,
             align: 'left',
             type: 'html'
           },
           {
             field: 'icon',
-            title: '图标',
+            label: '图标',
             width: 55,
             align: 'center',
             templet: (row) => {
@@ -85,16 +85,16 @@ const tableOptions = reactive({
           },
           {
             field: 'sort',
-            title: '序号',
+            label: '序号',
             width: 60
           },
           {
-            title: '排序',
+            label: '排序',
             type: 'btns',
             width: 150,
             btns: [
               {
-                title: '上移',
+                label: '上移',
                 type: 'text',
                 icon: 'ElSortUp',
                 click: (row) => {
@@ -108,7 +108,7 @@ const tableOptions = reactive({
                 }
               },
               {
-                title: '下移',
+                label: '下移',
                 type: 'text',
                 icon: 'ElSortDown',
                 click: (row) => {
@@ -125,7 +125,7 @@ const tableOptions = reactive({
           },
           {
             field: 'isShow',
-            title: '是否显示',
+            label: '是否显示',
             type: 'switch',
             width: 100,
             change: (row) => {
@@ -137,7 +137,7 @@ const tableOptions = reactive({
           },
           {
             field: 'keepAlive',
-            title: '是否缓存',
+            label: '是否缓存',
             type: 'switch',
             width: 100,
             change: (row) => {
@@ -148,14 +148,14 @@ const tableOptions = reactive({
             }
           },
           {
-            title: '操作',
+            label: '操作',
             type: 'btns',
             width: 260,
             fixed: 'right',
             align: 'left',
             btns: [
               {
-                title: '添加下级菜单',
+                label: '添加下级菜单',
                 type: 'text',
                 permission: 'menu:save',
                 icon: 'ElPlus',
@@ -164,7 +164,7 @@ const tableOptions = reactive({
                 }
               },
               {
-                title: '修改',
+                label: '修改',
                 type: 'text',
                 permission: 'menu:save',
                 icon: 'ElEdit',
@@ -173,7 +173,7 @@ const tableOptions = reactive({
                 }
               },
               {
-                title: '删除',
+                label: '删除',
                 type: 'text',
                 permission: 'menu:delete',
                 icon: 'ElDelete',
diff --git a/magic-boot-ui/src/views/system/monitor/login-log.vue b/magic-boot-ui/src/views/system/monitor/login-log.vue
index 8eadffb..35560ef 100644
--- a/magic-boot-ui/src/views/system/monitor/login-log.vue
+++ b/magic-boot-ui/src/views/system/monitor/login-log.vue
@@ -20,23 +20,23 @@
     cols: [
       {
         field: 'username',
-        title: '登录名'
+        label: '登录名'
       },
       {
         field: 'failPassword',
-        title: '失败密码'
+        label: '失败密码'
       },
       {
         field: 'type',
-        title: '登录状态'
+        label: '登录状态'
       },
       {
         field: 'ip',
-        title: 'ip'
+        label: 'ip'
       },
       {
         field: 'createDate',
-        title: '操作时间'
+        label: '操作时间'
       }
     ]
   })
diff --git a/magic-boot-ui/src/views/system/monitor/oper-log.vue b/magic-boot-ui/src/views/system/monitor/oper-log.vue
index 9d6436e..71f90d3 100644
--- a/magic-boot-ui/src/views/system/monitor/oper-log.vue
+++ b/magic-boot-ui/src/views/system/monitor/oper-log.vue
@@ -20,35 +20,35 @@
     cols: [
       {
         field: 'apiName',
-        title: '接口名'
+        label: '接口名'
       },
       {
         field: 'apiPath',
-        title: '路径'
+        label: '路径'
       },
       {
         field: 'apiMethod',
-        title: '方法'
+        label: '方法'
       },
       {
         field: 'userIp',
-        title: 'ip'
+        label: 'ip'
       },
       {
         field: 'costTime',
-        title: '耗时'
+        label: '耗时'
       },
       {
         field: 'userAgent',
-        title: '用户代理'
+        label: '用户代理'
       },
       {
         field: 'username',
-        title: '操作人'
+        label: '操作人'
       },
       {
         field: 'createDate',
-        title: '操作时间'
+        label: '操作时间'
       }
     ]
   })
diff --git a/magic-boot-ui/src/views/system/office/office-list.vue b/magic-boot-ui/src/views/system/office/office-list.vue
index ff3620e..3a6fe40 100644
--- a/magic-boot-ui/src/views/system/office/office-list.vue
+++ b/magic-boot-ui/src/views/system/office/office-list.vue
@@ -94,13 +94,13 @@ const tableOptions = reactive({
   cols: [
     {
       field: 'name',
-      title: '机构名称',
+      label: '机构名称',
       align: 'left',
       type: 'html'
     },
     {
       field: 'code',
-      title: '机构编码',
+      label: '机构编码',
       width: 300,
       align: 'left',
       type: 'html'
@@ -108,22 +108,22 @@ const tableOptions = reactive({
     {
       field: 'type',
       dictType: 'office_type',
-      title: '机构类型',
+      label: '机构类型',
       width: 300,
       align: 'left'
     },
     {
       field: 'sort',
-      title: '序号',
+      label: '序号',
       width: 60
     },
     {
-      title: '排序',
+      label: '排序',
       type: 'btns',
       width: 150,
       btns: [
         {
-          title: '上移',
+          label: '上移',
           type: 'text',
           icon: 'ElSortUp',
           click: (row) => {
@@ -137,7 +137,7 @@ const tableOptions = reactive({
           }
         },
         {
-          title: '下移',
+          label: '下移',
           type: 'text',
           icon: 'ElSortDown',
           click: (row) => {
@@ -153,14 +153,14 @@ const tableOptions = reactive({
       ]
     },
     {
-      title: '操作',
+      label: '操作',
       type: 'btns',
       width: 310,
       fixed: 'right',
       align: 'left',
       btns: [
         {
-          title: '添加下级机构',
+          label: '添加下级机构',
           type: 'text',
           permission: 'office:save',
           icon: 'ElPlus',
@@ -169,7 +169,7 @@ const tableOptions = reactive({
           }
         },
         {
-          title: '修改',
+          label: '修改',
           type: 'text',
           permission: 'office:save',
           icon: 'ElEdit',
@@ -178,7 +178,7 @@ const tableOptions = reactive({
           }
         },
         {
-          title: '删除',
+          label: '删除',
           type: 'text',
           permission: 'office:delete',
           icon: 'ElDelete',
@@ -192,7 +192,7 @@ const tableOptions = reactive({
         },
         {
           permission: 'office:user:list',
-          title: '用户列表',
+          label: '用户列表',
           type: 'text',
           icon: 'ElUserFilled',
           click: (row) => {
diff --git a/magic-boot-ui/src/views/system/role/role-list.vue b/magic-boot-ui/src/views/system/role/role-list.vue
index 2decf0a..5fb7c04 100644
--- a/magic-boot-ui/src/views/system/role/role-list.vue
+++ b/magic-boot-ui/src/views/system/role/role-list.vue
@@ -99,32 +99,32 @@ const tableOptions = reactive({
         cols: [
           {
             field: 'name',
-            title: '角色名称'
+            label: '角色名称'
           },
           {
             field: 'code',
-            title: '角色编码'
+            label: '角色编码'
           },
           {
             field: 'descRibe',
-            title: '角色描述'
+            label: '角色描述'
           },
           {
             field: 'permission',
-            title: '数据权限',
+            label: '数据权限',
             templet: (row) => {
               return permissionData[row.permission].label
             }
           },
           {
-            title: '操作',
+            label: '操作',
             type: 'btns',
             width: 270,
             fixed: 'right',
             btns: [
               {
                 permission: 'role:save',
-                title: '修改',
+                label: '修改',
                 type: 'text',
                 icon: 'ElEdit',
                 click: (row) => {
@@ -133,7 +133,7 @@ const tableOptions = reactive({
               },
               {
                 permission: 'role:delete',
-                title: '删除',
+                label: '删除',
                 type: 'text',
                 icon: 'ElDelete',
                 click: (row) => {
@@ -146,7 +146,7 @@ const tableOptions = reactive({
               },
               {
                 permission: 'role:permission',
-                title: '权限',
+                label: '权限',
                 type: 'text',
                 icon: 'ElPlus',
                 click: (row) => {
@@ -156,7 +156,7 @@ const tableOptions = reactive({
               },
               {
                 permission: 'role:user:list',
-                title: '用户列表',
+                label: '用户列表',
                 type: 'text',
                 icon: 'ElUserFilled',
                 click: (row) => {
diff --git a/magic-boot-ui/src/views/system/test/test-list.vue b/magic-boot-ui/src/views/system/test/test-list.vue
index 3f613c2..9efae92 100644
--- a/magic-boot-ui/src/views/system/test/test-list.vue
+++ b/magic-boot-ui/src/views/system/test/test-list.vue
@@ -45,7 +45,7 @@ const tableOptions = reactive({
   cols: [
     {
       field: 'name',
-      title: 'name'
+      label: 'name'
     },
   ]
 })
diff --git a/magic-boot-ui/src/views/system/user/user-list.vue b/magic-boot-ui/src/views/system/user/user-list.vue
index d5f6882..d9d139b 100644
--- a/magic-boot-ui/src/views/system/user/user-list.vue
+++ b/magic-boot-ui/src/views/system/user/user-list.vue
@@ -82,30 +82,30 @@ const tableOptions = reactive({
   cols: [
     {
       field: 'username',
-      title: '登录名称',
+      label: '登录名称',
       sortable: 'custom'
     },
     {
       field: 'name',
-      title: '姓名/昵称',
+      label: '姓名/昵称',
       sortable: 'custom'
     },
     {
       field: 'officeName',
-      title: '所属机构'
+      label: '所属机构'
     },
     {
       field: 'roles',
-      title: '角色'
+      label: '角色'
     },
     {
       field: 'phone',
-      title: '手机号',
+      label: '手机号',
       sortable: 'custom'
     },
     {
       field: 'isLogin',
-      title: '禁止登录',
+      label: '禁止登录',
       type: 'switch',
       width: 100,
       change: (row) => {
@@ -117,18 +117,18 @@ const tableOptions = reactive({
     },
     {
       field: 'createDate',
-      title: '创建时间',
+      label: '创建时间',
       width: 180
     },
     {
-      title: '操作',
+      label: '操作',
       type: 'btns',
       width: 140,
       fixed: 'right',
       btns: [
         {
           permission: 'user:save',
-          title: '修改',
+          label: '修改',
           type: 'text',
           icon: 'ElEdit',
           click: (row) => {
@@ -137,7 +137,7 @@ const tableOptions = reactive({
         },
         {
           permission: 'user:delete',
-          title: '删除',
+          label: '删除',
           type: 'text',
           icon: 'ElDelete',
           click: (row) => {
diff --git a/magic-boot/pom.xml b/magic-boot/pom.xml
index 7ec3a93..3121a97 100644
--- a/magic-boot/pom.xml
+++ b/magic-boot/pom.xml
@@ -14,7 +14,7 @@
     <description>magic-boot</description>
     <properties>
         <java.version>1.8</java.version>
-        <magic-api.version>2.0.0-beta.2</magic-api.version>
+        <magic-api.version>2.0.0-beta.3</magic-api.version>
         <druid.version>1.1.10</druid.version>
         <hutool-all.version>5.7.13</hutool-all.version>
         <sa-token.version>1.26.0</sa-token.version>