diff --git a/.figma/42_7228/index.jsx b/.figma/42_7228/index.jsx
new file mode 100644
index 0000000..5ec3f99
--- /dev/null
+++ b/.figma/42_7228/index.jsx
@@ -0,0 +1,1154 @@
+import React from 'react';
+
+import styles from './index.module.scss';
+
+const Component = () => {
+  return (
+    <div className={styles.frame42}>
+      <img src="../image/mmlqps3r-hl98h7j.png" className={styles.frame} />
+      <div className={styles.group427322611}>
+        <img src="../image/mmlqps3r-31wpz3x.png" className={styles.maskGroup} />
+      </div>
+      <div className={styles.frame12}>
+        <div className={styles.autoWrapper}>
+          <div className={styles.group427323064}>
+            <p className={styles.text}>时间查询</p>
+            <div className={styles.rectangle19420}>
+              <div className={styles.rectangle19421}>
+                <p className={styles.text2}>请选择查询时间</p>
+                <img
+                  src="../image/mmlqps3u-xhmcajj.svg"
+                  className={styles.vector42Stroke}
+                />
+              </div>
+            </div>
+          </div>
+          <div className={styles.group427323065}>
+            <p className={styles.text}>项目标段</p>
+            <div className={styles.rectangle194202}>
+              <div className={styles.rectangle194212}>
+                <p className={styles.text2}>请选择项目标段</p>
+                <img
+                  src="../image/mmlqps3u-xhmcajj.svg"
+                  className={styles.vector42Stroke}
+                />
+              </div>
+            </div>
+          </div>
+          <div className={styles.frame2}>
+            <div className={styles.rectangle194203}>
+              <div className={styles.rectangle194213}>
+                <img
+                  src="../image/mmlqps3u-z2h177q.svg"
+                  className={styles.vector}
+                />
+                <p className={styles.text3}>开始搜索</p>
+              </div>
+            </div>
+            <img src="../image/mmlqps3v-s7pekoo.png" className={styles.vector2} />
+          </div>
+          <div className={styles.frame3}>
+            <div className={styles.rectangle194204}>
+              <div className={styles.rectangle194214}>
+                <img
+                  src="../image/mmlqps3v-8gkqt2d.svg"
+                  className={styles.vector}
+                />
+                <p className={styles.text4}>重置</p>
+              </div>
+            </div>
+            <img src="../image/mmlqps3v-s7pekoo.png" className={styles.vector2} />
+          </div>
+        </div>
+        <div className={styles.autoWrapper6}>
+          <div className={styles.group427323172}>
+            <div className={styles.group427322837}>
+              <img src="../image/mmlqps3v-ch01b6l.svg" className={styles.frame4} />
+              <div className={styles.frame5}>
+                <div className={styles.ellipse2} />
+                <div className={styles.ellipse4} />
+                <div className={styles.ellipse3} />
+                <div className={styles.ellipse5} />
+              </div>
+            </div>
+            <img src="../image/mmlqps3v-ycwhtwp.svg" className={styles.frame6} />
+          </div>
+          <div className={styles.frame11}>
+            <div className={styles.frame10}>
+              <div className={styles.frame8}>
+                <div className={styles.subtract2}>
+                  <img
+                    src="../image/mmlqps3u-gtjtcz1.svg"
+                    className={styles.rectangle217}
+                  />
+                  <div className={styles.autoWrapper3}>
+                    <img
+                      src="../image/mmlqps3u-xppwag9.svg"
+                      className={styles.subtract}
+                    />
+                    <div className={styles.autoWrapper2}>
+                      <img
+                        src="../image/mmlqps3u-fhihon6.svg"
+                        className={styles.frame625055}
+                      />
+                      <img
+                        src="../image/mmlqps3u-2fxk1v6.svg"
+                        className={styles.vector3}
+                      />
+                    </div>
+                  </div>
+                </div>
+                <img
+                  src="../image/mmlqps3u-vaz79zw.svg"
+                  className={styles.frame7}
+                />
+                <div className={styles.instance}>
+                  <div className={styles.ellipse22} />
+                  <div className={styles.ellipse42} />
+                  <div className={styles.ellipse32} />
+                  <div className={styles.ellipse52} />
+                </div>
+                <p className={styles.text5}>环保水预警-LJ1</p>
+                <img
+                  src="../image/mmlqps3u-481vkgz.svg"
+                  className={styles.vector4}
+                />
+              </div>
+              <div className={styles.group427323116}>
+                <p className={styles.text6}>预警等级:</p>
+                <div className={styles.autoWrapper4}>
+                  <div className={styles.rectangle34625607} />
+                  <p className={styles.text7}>一般预警</p>
+                </div>
+              </div>
+              <p className={styles.text11}>
+                <span className={styles.text8}>预警事项:&nbsp;</span>
+                <span className={styles.text9}>&nbsp;</span>
+                <span className={styles.text10}>G0612郎川高速公路-标段一</span>
+              </p>
+              <div className={styles.autoWrapper5}>
+                <p className={styles.text12}>G0612郎川高速公路-标段一G0612...</p>
+                <img
+                  src="../image/mmlqps3u-rl9wutc.svg"
+                  className={styles.frame9}
+                />
+              </div>
+            </div>
+            <div className={styles.rectangle34625605} />
+            <p className={styles.text13}>待处理</p>
+          </div>
+        </div>
+        <div className={styles.autoWrapper10}>
+          <div className={styles.group427323174}>
+            <div className={styles.group427322837}>
+              <img src="../image/mmlqps3v-cm2knm5.svg" className={styles.frame4} />
+              <div className={styles.frame5}>
+                <div className={styles.ellipse2} />
+                <div className={styles.ellipse4} />
+                <div className={styles.ellipse3} />
+                <div className={styles.ellipse5} />
+              </div>
+            </div>
+            <img src="../image/mmlqps3v-cbzz9qa.svg" className={styles.frame6} />
+          </div>
+          <div className={styles.group427323173}>
+            <div className={styles.group427322837}>
+              <img src="../image/mmlqps3v-h25bad2.svg" className={styles.frame4} />
+              <div className={styles.frame5}>
+                <div className={styles.ellipse2} />
+                <div className={styles.ellipse4} />
+                <div className={styles.ellipse3} />
+                <div className={styles.ellipse5} />
+              </div>
+            </div>
+            <img src="../image/mmlqps3v-0q5by0l.svg" className={styles.frame6} />
+          </div>
+          <div className={styles.group427323175}>
+            <div className={styles.group427322837}>
+              <img src="../image/mmlqps3v-5ejx8ro.svg" className={styles.frame4} />
+              <div className={styles.frame5}>
+                <div className={styles.ellipse2} />
+                <div className={styles.ellipse4} />
+                <div className={styles.ellipse3} />
+                <div className={styles.ellipse5} />
+              </div>
+            </div>
+            <img src="../image/mmlqps3v-j2w3sie.svg" className={styles.frame6} />
+          </div>
+          <div className={styles.autoWrapper9}>
+            <div className={styles.rectangle1}>
+              <div className={styles.group427322615}>
+                <div className={styles.autoWrapper7}>
+                  <div className={styles.ellipse26} />
+                  <div className={styles.ellipse29} />
+                  <img
+                    src="../image/mmlqps3u-4sstuh5.svg"
+                    className={styles.vector5}
+                  />
+                </div>
+                <p className={styles.text14}>一键收起</p>
+              </div>
+            </div>
+            <div className={styles.rectangle12}>
+              <div className={styles.group4273226152}>
+                <div className={styles.autoWrapper8}>
+                  <div className={styles.ellipse26} />
+                  <div className={styles.ellipse29} />
+                  <img
+                    src="../image/mmlqps3u-vwv7q7n.svg"
+                    className={styles.vector6}
+                  />
+                </div>
+                <p className={styles.text14}>回到原点</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <img src="../image/mmlqps3r-tmx2h8i.svg" className={styles.frame13} />
+      <img src="../image/mmlqps3r-qfrgtcg.png" className={styles.frame14} />
+      <img src="../image/mmlqps3r-9p7tuu1.svg" className={styles.frame15} />
+      <div className={styles.frame24}>
+        <div className={styles.instance3}>
+          <div className={styles.subtract3}>
+            <img src="../image/mmlqps3r-26r3h5s.svg" className={styles.frame16} />
+          </div>
+          <img src="../image/mmlqps3r-kvhr62j.png" className={styles.frame17} />
+          <div className={styles.frame21}>
+            <div className={styles.frame20}>
+              <img src="../image/mmlqps3r-tcaqxa6.svg" className={styles.light} />
+              <div className={styles.autoWrapper14}>
+                <div className={styles.autoWrapper13}>
+                  <img
+                    src="../image/mmlqps3r-tv8de2r.svg"
+                    className={styles.frame625062}
+                  />
+                  <div className={styles.autoWrapper12}>
+                    <div className={styles.frame18}>
+                      <div className={styles.subtract4}>
+                        <div className={styles.autoWrapper11}>
+                          <img
+                            src="../image/mmlqps3s-3ch60vn.svg"
+                            className={styles.rectangle19361}
+                          />
+                          <img
+                            src="../image/mmlqps3s-f7l9dt5.svg"
+                            className={styles.frame427318995}
+                          />
+                        </div>
+                        <p className={styles.text15}>路网中心</p>
+                        <img
+                          src="../image/mmlqps3s-imrha57.svg"
+                          className={styles.union}
+                        />
+                      </div>
+                      <img
+                        src="../image/mmlqps3s-1olr640.png"
+                        className={styles.rectangle19362}
+                      />
+                    </div>
+                    <div className={styles.frame19}>
+                      <div className={styles.subtract5}>
+                        <div className={styles.autoWrapper11}>
+                          <img
+                            src="../image/mmlqps3s-9v7mm5w.svg"
+                            className={styles.rectangle19361}
+                          />
+                          <img
+                            src="../image/mmlqps3s-mzc6e56.svg"
+                            className={styles.frame427318995}
+                          />
+                        </div>
+                        <p className={styles.text15}>监控中心</p>
+                        <img
+                          src="../image/mmlqps3s-s54llrr.svg"
+                          className={styles.union}
+                        />
+                      </div>
+                      <img
+                        src="../image/mmlqps3s-1olr640.png"
+                        className={styles.rectangle19362}
+                      />
+                    </div>
+                  </div>
+                  <div className={styles.instance2}>
+                    <div className={styles.ellipse23} />
+                    <div className={styles.ellipse33} />
+                    <div className={styles.ellipse43} />
+                    <div className={styles.ellipse53} />
+                    <div className={styles.ellipse6} />
+                    <div className={styles.ellipse7} />
+                    <img
+                      src="../image/mmlqps3r-5rkl8jf.svg"
+                      className={styles.subtract6}
+                    />
+                  </div>
+                </div>
+                <img
+                  src="../image/mmlqps3s-yqvbetr.svg"
+                  className={styles.vector7}
+                />
+                <p className={styles.text16}>设置</p>
+              </div>
+            </div>
+          </div>
+          <p className={styles.text17}>川高 数智云脑</p>
+        </div>
+        <div className={styles.instance7}>
+          <div className={styles.instance4}>
+            <img src="../image/mmlqps4r-1ff04nk.png" className={styles.frame22} />
+            <div className={styles.frame427318979}>
+              <p className={styles.text18}>小雨</p>
+              <p className={styles.text18}>27℃</p>
+            </div>
+          </div>
+          <div className={styles.frame23}>
+            <div className={styles.subtract7}>
+              <img
+                src="../image/mmlqps3s-21mqkhh.svg"
+                className={styles.rectangle19361}
+              />
+              <div className={styles.autoWrapper15}>
+                <img
+                  src="../image/mmlqps3s-e3b5jwf.svg"
+                  className={styles.frame4273189952}
+                />
+                <p className={styles.text19}>预警中心</p>
+              </div>
+            </div>
+            <img
+              src="../image/mmlqps3s-aa42bbm.png"
+              className={styles.rectangle19362}
+            />
+            <img
+              src="../image/mmlqps3s-e1trtsv.png"
+              className={styles.frame427318996}
+            />
+            <div className={styles.instance5}>
+              <div className={styles.ellipse24} />
+              <div className={styles.ellipse34} />
+              <div className={styles.ellipse44} />
+              <div className={styles.ellipse54} />
+              <div className={styles.ellipse62} />
+              <div className={styles.ellipse72} />
+            </div>
+          </div>
+          <div className={styles.instance6}>
+            <div className={styles.subtract8}>
+              <div className={styles.autoWrapper11}>
+                <img
+                  src="../image/mmlqps3s-vpnylbw.svg"
+                  className={styles.rectangle19361}
+                />
+                <img
+                  src="../image/mmlqps3s-6ucf199.svg"
+                  className={styles.frame427318995}
+                />
+              </div>
+              <p className={styles.text20}>驾驶舱</p>
+              <img src="../image/mmlqps3s-0eh3dds.svg" className={styles.union} />
+            </div>
+            <img
+              src="../image/mmlqps3s-1olr640.png"
+              className={styles.rectangle19362}
+            />
+          </div>
+        </div>
+        <p className={styles.a20231012175316}>2023-10-12&nbsp;&nbsp;17:53:16</p>
+      </div>
+      <div className={styles.frame26}>
+        <div className={styles.instance10}>
+          <img src="../image/mmlqps3s-detnpl0.svg" className={styles.subtract9} />
+          <div className={styles.rectangle215}>
+            <img
+              src="../image/mmlqps3s-pj8klp3.svg"
+              className={styles.rectangle216}
+            />
+          </div>
+          <div className={styles.instance9}>
+            <img
+              src="../image/mmlqps3s-w4aka7q.svg"
+              className={styles.maskGroup2}
+            />
+            <div className={styles.intersect}>
+              <div className={styles.ellipse305} />
+            </div>
+            <div className={styles.intersect2}>
+              <p className={styles.text21}>预警数量</p>
+            </div>
+            <img src="../image/mmlqps3s-yi11x63.svg" className={styles.union2} />
+            <div className={styles.instance8}>
+              <div className={styles.ellipse25} />
+              <div className={styles.ellipse45} />
+              <div className={styles.ellipse35} />
+              <div className={styles.ellipse55} />
+            </div>
+          </div>
+          <div className={styles.group427323139}>
+            <div className={styles.group427322664}>
+              <img
+                src="../image/mmlqps3s-o0pe58a.svg"
+                className={styles.rectangle34625517}
+              />
+              <div className={styles.group427322586}>
+                <img
+                  src="../image/mmlqps3s-ei8whnv.svg"
+                  className={styles.group427322412}
+                />
+                <p className={styles.text22}>预警总数</p>
+                <p className={styles.a50000}>50000</p>
+              </div>
+            </div>
+            <div className={styles.group427323098}>
+              <div className={styles.autoWrapper16}>
+                <p className={styles.text23}>质量预警</p>
+                <p className={styles.a500002}>50000</p>
+              </div>
+              <div className={styles.rectangle346256052}>
+                <img
+                  src="../image/mmlqps3s-cfc75id.svg"
+                  className={styles.rectangle34625606}
+                />
+              </div>
+              <div className={styles.ellipse2420}>
+                <div className={styles.ellipse2419} />
+              </div>
+            </div>
+            <div className={styles.group427323099}>
+              <div className={styles.autoWrapper17}>
+                <p className={styles.text24}>环水保预警</p>
+                <p className={styles.a500003}>50000</p>
+              </div>
+              <div className={styles.rectangle346256053}>
+                <img
+                  src="../image/mmlqps3s-df2o7wa.svg"
+                  className={styles.rectangle346256072}
+                />
+              </div>
+              <div className={styles.ellipse24202}>
+                <div className={styles.ellipse2419} />
+              </div>
+            </div>
+            <div className={styles.group427323100}>
+              <div className={styles.autoWrapper16}>
+                <p className={styles.text23}>综合预警</p>
+                <p className={styles.a500002}>50000</p>
+              </div>
+              <div className={styles.autoWrapper18}>
+                <img
+                  src="../image/mmlqps3s-zzybvj8.svg"
+                  className={styles.rectangle346256054}
+                />
+                <img
+                  src="../image/mmlqps3s-pr2elp2.svg"
+                  className={styles.group427323097}
+                />
+              </div>
+            </div>
+            <div className={styles.group427323101}>
+              <div className={styles.autoWrapper16}>
+                <p className={styles.text23}>安全预警</p>
+                <p className={styles.a500002}>50000</p>
+              </div>
+              <div className={styles.autoWrapper19}>
+                <img
+                  src="../image/mmlqps3s-ul2ivya.svg"
+                  className={styles.rectangle346256055}
+                />
+                <img
+                  src="../image/mmlqps3s-4rh24ka.svg"
+                  className={styles.group4273230972}
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className={styles.instance12}>
+          <img src="../image/mmlqps3s-t0diyqa.svg" className={styles.subtract9} />
+          <div className={styles.rectangle215}>
+            <img
+              src="../image/mmlqps3s-pj8klp3.svg"
+              className={styles.rectangle216}
+            />
+          </div>
+          <div className={styles.instance11}>
+            <img
+              src="../image/mmlqps3s-fd6xfsp.svg"
+              className={styles.maskGroup2}
+            />
+            <div className={styles.intersect3}>
+              <div className={styles.ellipse305} />
+            </div>
+            <div className={styles.intersect4}>
+              <p className={styles.text21}>预警处置情况</p>
+              <img src="../image/mmlqps3s-g57ta4h.svg" className={styles.union3} />
+            </div>
+            <img src="../image/mmlqps3s-i11hf9u.svg" className={styles.union2} />
+            <div className={styles.instance8}>
+              <div className={styles.ellipse25} />
+              <div className={styles.ellipse45} />
+              <div className={styles.ellipse35} />
+              <div className={styles.ellipse55} />
+            </div>
+          </div>
+          <div className={styles.group427323112}>
+            <div className={styles.autoWrapper20}>
+              <div className={styles.group427323010}>
+                <img
+                  src="../image/mmlqps3t-idph0b5.svg"
+                  className={styles.vector8}
+                />
+                <img
+                  src="../image/mmlqps3t-9jqr1on.svg"
+                  className={styles.vector8}
+                />
+                <div className={styles.group427322952}>
+                  <p className={styles.text25}>已处置预警总数</p>
+                  <div className={styles.rectangle34625553} />
+                  <p className={styles.a5000}>5000</p>
+                </div>
+              </div>
+              <div className={styles.group427323009}>
+                <img
+                  src="../image/mmlqps3s-y516e62.svg"
+                  className={styles.vector8}
+                />
+                <img
+                  src="../image/mmlqps3s-92hg91j.svg"
+                  className={styles.vector8}
+                />
+                <div className={styles.group4273229522}>
+                  <p className={styles.text26}>未处置预警</p>
+                  <div className={styles.rectangle346255532} />
+                  <p className={styles.a2500}>2500</p>
+                </div>
+              </div>
+            </div>
+            <div className={styles.autoWrapper22}>
+              <div className={styles.group427322954}>
+                <div className={styles.rectangle34625565}>
+                  <div className={styles.autoWrapper21}>
+                    <div className={styles.group4273229523}>
+                      <p className={styles.text25}>闭环率</p>
+                      <div className={styles.rectangle34625553} />
+                      <p className={styles.a5000}>50%</p>
+                    </div>
+                    <img
+                      src="../image/mmlqps3t-dasrsmb.svg"
+                      className={styles.vector9}
+                    />
+                  </div>
+                  <img
+                    src="../image/mmlqps3t-fk1oco2.svg"
+                    className={styles.group427322955}
+                  />
+                </div>
+                <img
+                  src="../image/mmlqps3t-3ukybe0.png"
+                  className={styles.vector10}
+                />
+              </div>
+              <div className={styles.group4273230092}>
+                <img
+                  src="../image/mmlqps3s-q3bul93.svg"
+                  className={styles.vector8}
+                />
+                <img
+                  src="../image/mmlqps3s-ly4yod0.svg"
+                  className={styles.vector8}
+                />
+                <div className={styles.group4273229524}>
+                  <p className={styles.text27}>超时未处置占比</p>
+                  <div className={styles.rectangle346255532} />
+                  <p className={styles.a50}>50%</p>
+                </div>
+              </div>
+            </div>
+            <img
+              src="../image/mmlqps3t-rs0sjtu.svg"
+              className={styles.group427323111}
+            />
+          </div>
+        </div>
+        <div className={styles.instance14}>
+          <img src="../image/mmlqps3s-mt6djw4.svg" className={styles.subtract9} />
+          <div className={styles.rectangle215}>
+            <img
+              src="../image/mmlqps3s-pj8klp3.svg"
+              className={styles.rectangle216}
+            />
+          </div>
+          <div className={styles.instance13}>
+            <img
+              src="../image/mmlqps3s-m9vphrk.svg"
+              className={styles.maskGroup2}
+            />
+            <div className={styles.intersect5}>
+              <div className={styles.ellipse305} />
+            </div>
+            <div className={styles.intersect6}>
+              <p className={styles.text21}>预警程度统计</p>
+            </div>
+            <img src="../image/mmlqps3s-vcdbbge.svg" className={styles.union2} />
+            <div className={styles.instance8}>
+              <div className={styles.ellipse25} />
+              <div className={styles.ellipse45} />
+              <div className={styles.ellipse35} />
+              <div className={styles.ellipse55} />
+            </div>
+          </div>
+          <div className={styles.rectangle34625505}>
+            <div className={styles.autoWrapper23}>
+              <div className={styles.rectangle34625507} />
+              <div className={styles.rectangle34625506} />
+            </div>
+            <div className={styles.ellipse2399} />
+            <div className={styles.group427322779}>
+              <p className={styles.text28}>特别严重</p>
+              <p className={styles.a20}>20</p>
+              <p className={styles.text29}>占比</p>
+              <p className={styles.a2556}>25.56%</p>
+            </div>
+          </div>
+          <div className={styles.rectangle346255052}>
+            <div className={styles.autoWrapper23}>
+              <div className={styles.rectangle34625507} />
+              <div className={styles.rectangle34625506} />
+            </div>
+            <div className={styles.ellipse2400} />
+            <div className={styles.group4273227792}>
+              <p className={styles.text30}>严重</p>
+              <p className={styles.a2000}>2000</p>
+              <p className={styles.text30}>占比</p>
+              <p className={styles.a2000}>25.56%</p>
+            </div>
+          </div>
+          <div className={styles.rectangle346255053}>
+            <div className={styles.autoWrapper23}>
+              <div className={styles.rectangle34625507} />
+              <div className={styles.rectangle34625506} />
+            </div>
+            <div className={styles.ellipse2401} />
+            <div className={styles.group4273227792}>
+              <p className={styles.text30}>较重</p>
+              <p className={styles.a2000}>2000</p>
+              <p className={styles.text30}>占比</p>
+              <p className={styles.a2000}>25.56%</p>
+            </div>
+          </div>
+          <div className={styles.rectangle346255054}>
+            <div className={styles.autoWrapper23}>
+              <div className={styles.rectangle34625507} />
+              <div className={styles.rectangle34625506} />
+            </div>
+            <div className={styles.ellipse2402} />
+            <div className={styles.group4273227792}>
+              <p className={styles.text30}>一般</p>
+              <p className={styles.a2000}>2000</p>
+              <p className={styles.text30}>占比</p>
+              <p className={styles.a2000}>25.56%</p>
+            </div>
+          </div>
+          <div className={styles.group427323048}>
+            <div className={styles.frame25}>
+              <img
+                src="../image/mmlqps3s-sk0uhfx.svg"
+                className={styles.group427320151}
+              />
+              <div className={styles.group427323051} />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className={styles.frame39}>
+        <div className={styles.instance17}>
+          <img src="../image/mmlqps3t-ybct34r.svg" className={styles.subtract10} />
+          <div className={styles.rectangle215}>
+            <img
+              src="../image/mmlqps3s-pj8klp3.svg"
+              className={styles.rectangle216}
+            />
+          </div>
+          <div className={styles.instance15}>
+            <img
+              src="../image/mmlqps3t-xghwc6f.svg"
+              className={styles.maskGroup2}
+            />
+            <div className={styles.intersect7}>
+              <div className={styles.ellipse305} />
+            </div>
+            <div className={styles.intersect8}>
+              <p className={styles.text21}>预警列表</p>
+            </div>
+            <img src="../image/mmlqps3t-s03fmrk.svg" className={styles.union2} />
+            <div className={styles.instance8}>
+              <div className={styles.ellipse25} />
+              <div className={styles.ellipse45} />
+              <div className={styles.ellipse35} />
+              <div className={styles.ellipse55} />
+            </div>
+          </div>
+          <div className={styles.rectangle34625532}>
+            <div className={styles.rectangle34625533}>
+              <p className={styles.text31}>实时预警</p>
+            </div>
+            <p className={styles.text32}>关注预警</p>
+          </div>
+          <div className={styles.frame427323172}>
+            <div className={styles.frame29}>
+              <div className={styles.frame28}>
+                <div className={styles.subtract11}>
+                  <img
+                    src="../image/mmlqps3u-gtjtcz1.svg"
+                    className={styles.rectangle217}
+                  />
+                  <img
+                    src="../image/mmlqps3t-lru03hg.svg"
+                    className={styles.frame6250552}
+                  />
+                </div>
+                <img
+                  src="../image/mmlqps3t-u9zr83f.svg"
+                  className={styles.frame27}
+                />
+                <p className={styles.text5}>环保水预警-LJ1</p>
+                <img
+                  src="../image/mmlqps3t-i0j71e6.svg"
+                  className={styles.vector4}
+                />
+                <img
+                  src="../image/mmlqps3t-i26tds2.svg"
+                  className={styles.subtract12}
+                />
+                <div className={styles.instance16}>
+                  <div className={styles.ellipse27} />
+                  <div className={styles.ellipse46} />
+                  <div className={styles.ellipse36} />
+                  <div className={styles.ellipse56} />
+                </div>
+                <div className={styles.rectangle346256056} />
+                <p className={styles.text33}>待处理</p>
+              </div>
+              <div className={styles.autoWrapper24}>
+                <div className={styles.group4273231162}>
+                  <p className={styles.text6}>预警等级:</p>
+                  <div className={styles.autoWrapper4}>
+                    <div className={styles.rectangle34625607} />
+                    <p className={styles.text7}>一般预警</p>
+                  </div>
+                </div>
+                <img src="../image/mmlqps3t-cgqj6wt.svg" className={styles.star1} />
+              </div>
+              <p className={styles.text35}>
+                <span className={styles.text8}>预警事项:&nbsp;</span>
+                <span className={styles.text9}>&nbsp;</span>
+                <span className={styles.text34}>
+                  G0612郎川高速公路-标段一G0612郎川高速
+                  <br />
+                  公路-标段一发生****质量预警
+                </span>
+              </p>
+              <div className={styles.autoWrapper25}>
+                <p className={styles.text36}>
+                  <span className={styles.text8}>责任主体:&nbsp;</span>
+                  <span className={styles.text9}>&nbsp;</span>
+                  <span className={styles.text34}>张三</span>
+                </p>
+                <p className={styles.text36}>
+                  <span className={styles.text8}>预警时间:&nbsp;</span>
+                  <span className={styles.text9}>&nbsp;</span>
+                  <span className={styles.text34}>2026-01-14&nbsp;&nbsp;15:47</span>
+                </p>
+              </div>
+            </div>
+            <div className={styles.frame31}>
+              <div className={styles.frame30}>
+                <div className={styles.subtract13}>
+                  <img
+                    src="../image/mmlqps3u-gtjtcz1.svg"
+                    className={styles.rectangle217}
+                  />
+                  <img
+                    src="../image/mmlqps3t-osqhzmj.svg"
+                    className={styles.frame6250552}
+                  />
+                </div>
+                <img
+                  src="../image/mmlqps3t-z847khf.svg"
+                  className={styles.frame27}
+                />
+                <p className={styles.text37}>质量预警-LJ1</p>
+                <img
+                  src="../image/mmlqps3t-0u0snt6.svg"
+                  className={styles.vector11}
+                />
+                <img
+                  src="../image/mmlqps3t-h6hro2d.svg"
+                  className={styles.subtract12}
+                />
+                <div className={styles.instance16}>
+                  <div className={styles.ellipse27} />
+                  <div className={styles.ellipse46} />
+                  <div className={styles.ellipse36} />
+                  <div className={styles.ellipse56} />
+                </div>
+                <div className={styles.rectangle346256057} />
+                <p className={styles.text38}>处理中</p>
+              </div>
+              <div className={styles.autoWrapper27}>
+                <div className={styles.group4273231163}>
+                  <p className={styles.text6}>预警等级:</p>
+                  <div className={styles.autoWrapper26}>
+                    <div className={styles.rectangle346256073} />
+                    <p className={styles.text7}>特别严重</p>
+                  </div>
+                </div>
+                <img src="../image/mmlqps3t-32lq8vr.svg" className={styles.star2} />
+              </div>
+              <p className={styles.text39}>
+                <span className={styles.text8}>预警事项:&nbsp;</span>
+                <span className={styles.text9}>&nbsp;</span>
+                <span className={styles.text34}>
+                  G0612郎川高速公路-标段一G0612郎川高速
+                  <br />
+                  公路-标段一发生****质量预警
+                </span>
+              </p>
+              <div className={styles.autoWrapper25}>
+                <p className={styles.text36}>
+                  <span className={styles.text8}>责任主体:&nbsp;</span>
+                  <span className={styles.text9}>&nbsp;</span>
+                  <span className={styles.text34}>张三</span>
+                </p>
+                <p className={styles.text36}>
+                  <span className={styles.text8}>预警时间:&nbsp;</span>
+                  <span className={styles.text9}>&nbsp;</span>
+                  <span className={styles.text34}>2026-01-14&nbsp;&nbsp;15:47</span>
+                </p>
+              </div>
+            </div>
+            <div className={styles.frame33}>
+              <div className={styles.frame32}>
+                <div className={styles.subtract14}>
+                  <img
+                    src="../image/mmlqps3u-gtjtcz1.svg"
+                    className={styles.rectangle217}
+                  />
+                  <img
+                    src="../image/mmlqps3t-4zvr8yn.svg"
+                    className={styles.frame6250552}
+                  />
+                </div>
+                <img
+                  src="../image/mmlqps3t-e12uei6.svg"
+                  className={styles.frame27}
+                />
+                <p className={styles.text37}>安全预警-LJ1</p>
+                <img
+                  src="../image/mmlqps3t-ioh02cm.svg"
+                  className={styles.vector12}
+                />
+                <img
+                  src="../image/mmlqps3t-09713yz.svg"
+                  className={styles.subtract12}
+                />
+                <div className={styles.instance16}>
+                  <div className={styles.ellipse27} />
+                  <div className={styles.ellipse46} />
+                  <div className={styles.ellipse36} />
+                  <div className={styles.ellipse56} />
+                </div>
+                <div className={styles.rectangle346256057} />
+                <p className={styles.text38}>处理中</p>
+              </div>
+              <div className={styles.autoWrapper29}>
+                <div className={styles.group4273231164}>
+                  <p className={styles.text6}>预警等级:</p>
+                  <div className={styles.autoWrapper28}>
+                    <div className={styles.rectangle346256074} />
+                    <p className={styles.text7}>较重预警</p>
+                  </div>
+                </div>
+                <img src="../image/mmlqps3t-32lq8vr.svg" className={styles.star2} />
+              </div>
+              <p className={styles.text39}>
+                <span className={styles.text8}>预警事项:&nbsp;</span>
+                <span className={styles.text9}>&nbsp;</span>
+                <span className={styles.text34}>
+                  G0612郎川高速公路-标段一G0612郎川高速
+                  <br />
+                  公路-标段一发生****质量预警
+                </span>
+              </p>
+              <div className={styles.autoWrapper25}>
+                <p className={styles.text36}>
+                  <span className={styles.text8}>责任主体:&nbsp;</span>
+                  <span className={styles.text9}>&nbsp;</span>
+                  <span className={styles.text34}>张三</span>
+                </p>
+                <p className={styles.text36}>
+                  <span className={styles.text8}>预警时间:&nbsp;</span>
+                  <span className={styles.text9}>&nbsp;</span>
+                  <span className={styles.text34}>2026-01-14&nbsp;&nbsp;15:47</span>
+                </p>
+              </div>
+            </div>
+            <div className={styles.frame36}>
+              <div className={styles.ellipse1954} />
+              <div className={styles.frame35}>
+                <div className={styles.frame34}>
+                  <div className={styles.subtract15}>
+                    <img
+                      src="../image/mmlqps3u-gtjtcz1.svg"
+                      className={styles.rectangle217}
+                    />
+                    <img
+                      src="../image/mmlqps3t-2pkgyq7.svg"
+                      className={styles.frame6250552}
+                    />
+                  </div>
+                  <img
+                    src="../image/mmlqps3t-7xgw1ze.svg"
+                    className={styles.frame27}
+                  />
+                  <p className={styles.text37}>综合预警-LJ1</p>
+                  <img
+                    src="../image/mmlqps3t-98kdzp6.svg"
+                    className={styles.vector13}
+                  />
+                  <img
+                    src="../image/mmlqps3t-3h8459g.svg"
+                    className={styles.subtract12}
+                  />
+                  <div className={styles.instance16}>
+                    <div className={styles.ellipse27} />
+                    <div className={styles.ellipse46} />
+                    <div className={styles.ellipse36} />
+                    <div className={styles.ellipse56} />
+                  </div>
+                  <div className={styles.rectangle346256058} />
+                  <p className={styles.text38}>已闭环</p>
+                </div>
+                <div className={styles.autoWrapper31}>
+                  <div className={styles.group4273231165}>
+                    <p className={styles.text6}>预警等级:</p>
+                    <div className={styles.autoWrapper30}>
+                      <div className={styles.rectangle346256075} />
+                      <p className={styles.text7}>严重预警</p>
+                    </div>
+                  </div>
+                  <img
+                    src="../image/mmlqps3t-32lq8vr.svg"
+                    className={styles.star2}
+                  />
+                </div>
+                <p className={styles.text39}>
+                  <span className={styles.text8}>预警事项:&nbsp;</span>
+                  <span className={styles.text9}>&nbsp;</span>
+                  <span className={styles.text34}>
+                    G0612郎川高速公路-标段一G0612郎川高速
+                    <br />
+                    公路-标段一发生****质量预警
+                  </span>
+                </p>
+                <div className={styles.autoWrapper25}>
+                  <p className={styles.text36}>
+                    <span className={styles.text8}>责任主体:&nbsp;</span>
+                    <span className={styles.text9}>&nbsp;</span>
+                    <span className={styles.text34}>张三</span>
+                  </p>
+                  <p className={styles.text36}>
+                    <span className={styles.text8}>预警时间:&nbsp;</span>
+                    <span className={styles.text9}>&nbsp;</span>
+                    <span className={styles.text34}>
+                      2026-01-14&nbsp;&nbsp;15:47
+                    </span>
+                  </p>
+                </div>
+              </div>
+            </div>
+            <div className={styles.frame38}>
+              <div className={styles.frame37}>
+                <div className={styles.subtract16}>
+                  <img
+                    src="../image/mmlqps3u-gtjtcz1.svg"
+                    className={styles.rectangle217}
+                  />
+                  <img
+                    src="../image/mmlqps3u-vtg2htr.svg"
+                    className={styles.frame6250552}
+                  />
+                </div>
+                <img
+                  src="../image/mmlqps3u-p4fi6xq.svg"
+                  className={styles.frame27}
+                />
+                <p className={styles.text37}>综合预警-LJ1</p>
+                <img
+                  src="../image/mmlqps3u-jinfgg3.svg"
+                  className={styles.subtract12}
+                />
+                <div className={styles.instance16}>
+                  <div className={styles.ellipse27} />
+                  <div className={styles.ellipse46} />
+                  <div className={styles.ellipse36} />
+                  <div className={styles.ellipse56} />
+                </div>
+                <div className={styles.rectangle346256058} />
+                <p className={styles.text38}>已闭环</p>
+              </div>
+              <div className={styles.autoWrapper31}>
+                <div className={styles.group4273231165}>
+                  <p className={styles.text6}>预警等级:</p>
+                  <div className={styles.autoWrapper30}>
+                    <div className={styles.rectangle346256075} />
+                    <p className={styles.text7}>严重预警</p>
+                  </div>
+                </div>
+                <img src="../image/mmlqps3t-32lq8vr.svg" className={styles.star2} />
+              </div>
+              <p className={styles.text39}>
+                <span className={styles.text8}>预警事项:&nbsp;</span>
+                <span className={styles.text9}>&nbsp;</span>
+                <span className={styles.text34}>
+                  G0612郎川高速公路-标段一G0612郎川高速
+                  <br />
+                  公路-标段一发生****质量预警
+                </span>
+              </p>
+              <div className={styles.autoWrapper25}>
+                <p className={styles.text36}>
+                  <span className={styles.text8}>责任主体:&nbsp;</span>
+                  <span className={styles.text9}>&nbsp;</span>
+                  <span className={styles.text34}>张三</span>
+                </p>
+                <p className={styles.text36}>
+                  <span className={styles.text8}>预警时间:&nbsp;</span>
+                  <span className={styles.text9}>&nbsp;</span>
+                  <span className={styles.text34}>2026-01-14&nbsp;&nbsp;15:47</span>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className={styles.group4273227793}>
+          <p className={styles.text40}>预警闭环后自动取消关注</p>
+          <div className={styles.rectangle34625537} />
+          <p className={styles.text41}>预警闭环后任然关注</p>
+        </div>
+      </div>
+      <img src="../image/mmlqps3u-bldxisk.svg" className={styles.subtract17} />
+      <div className={styles.rectangle2152}>
+        <img src="../image/mmlqps3s-pj8klp3.svg" className={styles.rectangle216} />
+      </div>
+      <div className={styles.frame40}>
+        <img src="../image/mmlqps3u-cenapeq.svg" className={styles.maskGroup2} />
+        <div className={styles.intersect9}>
+          <div className={styles.ellipse305} />
+          <div className={styles.group427320845}>
+            <p className={styles.text42}>收起</p>
+            <img src="../image/mmlqps3u-boo46s5.png" className={styles.vector14} />
+          </div>
+        </div>
+        <div className={styles.intersect10}>
+          <p className={styles.text21}>预警变化趋势</p>
+        </div>
+        <img src="../image/mmlqps3u-z0ux95t.svg" className={styles.union2} />
+        <div className={styles.instance18}>
+          <div className={styles.ellipse28} />
+          <div className={styles.ellipse47} />
+          <div className={styles.ellipse37} />
+          <div className={styles.ellipse57} />
+        </div>
+      </div>
+      <div className={styles.group427323170}>
+        <div className={styles.autoWrapper32}>
+          <div className={styles.group427322608}>
+            <div className={styles.group427321431}>
+              <div className={styles.ellipse2389} />
+              <p className={styles.text43}>质量预警</p>
+            </div>
+            <div className={styles.group427321428}>
+              <div className={styles.ellipse23892} />
+              <p className={styles.text43}>环水保预警</p>
+            </div>
+            <div className={styles.group427321429}>
+              <div className={styles.ellipse2391} />
+              <p className={styles.text43}>安全预警</p>
+            </div>
+            <div className={styles.group427321432}>
+              <div className={styles.ellipse23893} />
+              <p className={styles.text43}>综合预警</p>
+            </div>
+          </div>
+          <div className={styles.group427323171}>
+            <div className={styles.rectangle34624910}>
+              <p className={styles.text44}>日</p>
+            </div>
+            <div className={styles.rectangle34624911}>
+              <p className={styles.text44}>周</p>
+            </div>
+            <div className={styles.rectangle346249112}>
+              <p className={styles.text44}>月</p>
+            </div>
+          </div>
+        </div>
+        <div className={styles.group427321264}>
+          <div className={styles.group427321254}>
+            <p className={styles.text45}>单位:个</p>
+            <p className={styles.a30}>30</p>
+            <p className={styles.a302}>30</p>
+            <p className={styles.a302}>25</p>
+            <p className={styles.a302}>20</p>
+            <p className={styles.a15}>15</p>
+            <p className={styles.a15}>10</p>
+            <p className={styles.a5}>5</p>
+          </div>
+          <div className={styles.autoWrapper34}>
+            <div className={styles.frame41} />
+            <div className={styles.autoWrapper33}>
+              <div className={styles.line242} />
+              <div className={styles.line248} />
+              <div className={styles.line249} />
+              <div className={styles.line245} />
+              <div className={styles.line246} />
+              <div className={styles.line247} />
+              <img
+                src="../image/mmlqps3v-lxtngi0.svg"
+                className={styles.group427323150}
+              />
+              <img
+                src="../image/mmlqps3v-8993yum.svg"
+                className={styles.group427323151}
+              />
+              <img
+                src="../image/mmlqps3v-pn1nl29.svg"
+                className={styles.group427323152}
+              />
+              <img
+                src="../image/mmlqps3v-u9u1rsl.svg"
+                className={styles.group427323153}
+              />
+            </div>
+            <div className={styles.group427321257}>
+              <p className={styles.text46}>1月</p>
+              <p className={styles.text47}>2月</p>
+              <p className={styles.text47}>3月</p>
+              <p className={styles.text47}>4月</p>
+              <p className={styles.text48}>5月</p>
+              <p className={styles.text49}>6月</p>
+              <p className={styles.text50}>7月</p>
+              <p className={styles.text48}>8月</p>
+              <p className={styles.text51}>9月</p>
+              <p className={styles.text52}>10月</p>
+              <p className={styles.text53}>11月</p>
+              <p className={styles.text54}>12月</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Component;
diff --git a/.figma/42_7228/index.module.scss b/.figma/42_7228/index.module.scss
new file mode 100644
index 0000000..88a41bf
--- /dev/null
+++ b/.figma/42_7228/index.module.scss
@@ -0,0 +1,3843 @@
+* {
+  box-sizing: border-box;
+}
+
+.frame42 {
+  position: relative;
+  width: 1920px;
+  height: 1080px;
+  overflow: hidden;
+
+  .union2 {
+    position: absolute;
+    top: 21px;
+    left: 9px;
+    width: 30px;
+    height: 14px;
+  }
+
+  .text21 {
+    background: linear-gradient(180deg, #dbf9ff 32.78%, #a9f0ff 78.3%);
+    background-clip: text;
+    line-height: 24px;
+    letter-spacing: 2px;
+    color: transparent;
+    font-family: "Alimama ShuHeiTi", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+    font-size: 20px;
+    font-weight: 700;
+    -webkit-background-clip: text;
+  }
+
+  .ellipse305 {
+    border-radius: 50%;
+    box-shadow: 0px 0px 4px 0px #31f3ff;
+    width: 5px;
+    height: 5px;
+    background-image: linear-gradient(
+      210.88deg,
+      #30f3ff 4.45%,
+      #30dcff 38.1%,
+      #267ee5 102.55%
+    );
+  }
+
+  .maskGroup2 {
+    position: absolute;
+    top: 0;
+    left: -1px;
+    width: 375px;
+    height: 35px;
+  }
+
+  .text9 {
+    letter-spacing: 0;
+    color: #b9e0ff;
+    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+    font-size: 16px;
+  }
+
+  .text8 {
+    letter-spacing: 0;
+    color: var(--1, #d8e9ff);
+    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+    font-size: 16px;
+  }
+
+  .text6 {
+    line-height: 23px;
+    letter-spacing: 0;
+    color: var(--1, #d8e9ff);
+    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+    font-size: 16px;
+  }
+
+  .vector4 {
+    position: absolute;
+    top: 9px;
+    left: 10px;
+    width: 14px;
+    height: 16px;
+  }
+
+  .text5 {
+    position: absolute;
+    top: 6px;
+    left: 34px;
+    background: linear-gradient(180deg, #dbf9ff 32.78%, #a9f0ff 78.3%);
+    background-clip: text;
+    width: 138px;
+    height: 22px;
+    line-height: 22px;
+    letter-spacing: 1.8px;
+    color: transparent;
+    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+    font-size: 18px;
+    font-weight: 600;
+    -webkit-background-clip: text;
+  }
+
+  .rectangle217 {
+    width: 6px;
+    height: 6px;
+  }
+
+  .text7 {
+    position: absolute;
+    top: 3px;
+    left: 13px;
+    width: 64px;
+    height: 23px;
+    line-height: 23px;
+    letter-spacing: 0;
+    color: #ffffff;
+    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+    font-size: 16px;
+  }
+
+  .rectangle216 {
+    width: 5px;
+    height: 5px;
+  }
+
+  .instance8 {
+    position: absolute;
+    top: 32px;
+    left: 46px;
+    width: 147px;
+    height: 3px;
+    overflow: hidden;
+    rotate: 3deg;
+
+    .ellipse25 {
+      position: absolute;
+      top: 2px;
+      left: 0;
+      opacity: 0.8;
+      border-radius: 50%;
+      width: 147px;
+      height: 3px;
+      rotate: -6deg;
+    }
+
+    .ellipse45 {
+      position: absolute;
+      top: 0;
+      left: 41px;
+      opacity: 0.5;
+      border-radius: 50%;
+      width: 65px;
+      height: 6px;
+      rotate: -6deg;
+    }
+
+    .ellipse35 {
+      position: absolute;
+      top: 2px;
+      left: 47px;
+      opacity: 0.54;
+      border-radius: 50%;
+      width: 52px;
+      height: 3px;
+      rotate: -6deg;
+    }
+
+    .ellipse55 {
+      position: absolute;
+      top: 2px;
+      left: 63px;
+      opacity: 0.8;
+      border-radius: 50%;
+      width: 21px;
+      height: 3px;
+      rotate: -6deg;
+    }
+  }
+
+  .rectangle215 {
+    display: flex;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    align-items: flex-start;
+    padding: 5px 2px 2px 5px;
+    width: 12px;
+    height: 12px;
+    background-image: url(../image/mmlqps3s-367ovyu.svg);
+    background-position: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+  }
+
+  .autoWrapper4 {
+    position: relative;
+    width: 90px;
+    height: 30px;
+
+    .rectangle34625607 {
+      position: absolute;
+      top: 0;
+      left: 0;
+      border: 1px solid #0072ff;
+      border-radius: 3px;
+      background: #0072ff66;
+      width: 90px;
+      height: 30px;
+      rotate: -180deg;
+    }
+  }
+
+  .frame {
+    position: absolute;
+    top: 1px;
+    right: 0;
+    bottom: -1px;
+    left: 0;
+    width: 1920px;
+    height: 1080px;
+    overflow: hidden;
+  }
+
+  .group427322611 {
+    display: flex;
+    position: absolute;
+    top: 0;
+    left: 6px;
+    align-items: flex-start;
+    padding: 87px 513px 344px 535px;
+    width: 1920px;
+    height: 1080px;
+    background-image: url(../image/mmlqps3r-n2g6dgm.png);
+    background-position: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+
+    .maskGroup {
+      width: 872px;
+      height: 649px;
+    }
+  }
+
+  .frame12 {
+    display: flex;
+    position: absolute;
+    top: -2px;
+    right: 0;
+    bottom: 2px;
+    left: 0;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 98px 491px 345px 500px;
+    width: 1920px;
+    height: 1080px;
+    overflow: hidden;
+    background-image: linear-gradient(
+        270deg,
+        #000000 0%,
+        #00000070 9.24%,
+        #00000036 14.74%,
+        #00000013 19.44%,
+        #00000000 24.95%,
+        #00000000 75.65%,
+        #00000015 81.5%,
+        #00000039 87.07%,
+        #00000076 92.23%,
+        #000000 100%
+      ),
+      linear-gradient(
+        180deg,
+        #000000 0%,
+        #0000008b 12.05%,
+        #00000044 17.93%,
+        #00000004 28.65%,
+        #00000000 67.19%,
+        #00000039 79.03%,
+        #00000081 86.35%,
+        #000000 100%
+      );
+
+    .frame6 {
+      width: 40px;
+      height: 40px;
+    }
+
+    .group427322837 {
+      position: relative;
+      width: 51px;
+      height: 36px;
+
+      .frame4 {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        width: 51px;
+        height: 36px;
+      }
+
+      .frame5 {
+        position: absolute;
+        top: 1px;
+        left: 14px;
+        width: 24px;
+        height: 4px;
+        overflow: hidden;
+        rotate: 1deg;
+
+        .ellipse2 {
+          position: absolute;
+          top: 2px;
+          left: 1px;
+          opacity: 0.8;
+          border-radius: 50%;
+          width: 24px;
+          height: 4px;
+          rotate: -2deg;
+        }
+
+        .ellipse4 {
+          position: absolute;
+          top: -1px;
+          left: 2px;
+          opacity: 0.5;
+          border-radius: 50%;
+          width: 21px;
+          height: 8px;
+          rotate: -2deg;
+        }
+
+        .ellipse3 {
+          position: absolute;
+          top: 2px;
+          left: 4px;
+          opacity: 0.54;
+          border-radius: 50%;
+          width: 17px;
+          height: 4px;
+          rotate: -2deg;
+        }
+
+        .ellipse5 {
+          position: absolute;
+          top: 2px;
+          left: 9px;
+          opacity: 0.8;
+          border-radius: 50%;
+          width: 7px;
+          height: 4px;
+          rotate: -2deg;
+        }
+      }
+    }
+
+    .autoWrapper {
+      display: flex;
+      align-items: center;
+      align-self: stretch;
+      padding-right: 8px;
+      padding-left: 0;
+
+      .vector2 {
+        position: absolute;
+        top: 22px;
+        right: 8px;
+        width: 9px;
+        height: 6px;
+        rotate: 180deg;
+      }
+
+      .vector {
+        width: 9px;
+        height: 6px;
+      }
+
+      .vector42Stroke {
+        width: 7px;
+        height: 12px;
+      }
+
+      .text2 {
+        display: flex;
+        align-items: center;
+        width: 176px;
+        height: 26px;
+        line-height: 19px;
+        letter-spacing: 1.6px;
+        color: #c4f3fe;
+        font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+        font-size: 16px;
+        font-weight: 600;
+      }
+
+      .text {
+        line-height: 23px;
+        letter-spacing: 1.6px;
+        color: #ffffff;
+        font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+        font-size: 16px;
+        font-weight: 500;
+      }
+
+      .group427323064 {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        width: 329px;
+        min-width: 329px;
+        height: 50px;
+
+        .rectangle19420 {
+          display: flex;
+          align-items: center;
+          padding: 2px;
+          background-image: url(../image/mmlqps3u-ltb8la3.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .rectangle19421 {
+            display: flex;
+            flex-grow: 1;
+            align-items: center;
+            justify-content: space-between;
+            padding: 10px 20px;
+            width: 246px;
+            min-width: 246px;
+            height: 46px;
+            background-image: url(../image/mmlqps3u-f9pv7d2.svg);
+            background-position: center;
+            background-size: cover;
+            background-repeat: no-repeat;
+          }
+        }
+      }
+
+      .group427323065 {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-left: 20px;
+        width: 329px;
+        min-width: 329px;
+        height: 50px;
+
+        .rectangle194202 {
+          display: flex;
+          align-items: center;
+          padding: 2px;
+          background-image: url(../image/mmlqps3u-xmaxcye.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .rectangle194212 {
+            display: flex;
+            flex-grow: 1;
+            align-items: center;
+            justify-content: space-between;
+            padding: 10px 20px;
+            width: 246px;
+            min-width: 246px;
+            height: 46px;
+            background-image: url(../image/mmlqps3u-dc7wdex.svg);
+            background-position: center;
+            background-size: cover;
+            background-repeat: no-repeat;
+          }
+        }
+      }
+
+      .frame2 {
+        position: relative;
+        margin-left: 10px;
+        width: 129px;
+        height: 50px;
+
+        .rectangle194203 {
+          display: flex;
+          position: absolute;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          align-items: center;
+          border-radius: 30px;
+          padding: 2px;
+          width: 129px;
+          height: 50px;
+
+          .rectangle194213 {
+            display: flex;
+            flex-grow: 1;
+            align-items: center;
+            justify-content: space-between;
+            background: var(--Linear-3-paints);
+            padding: 10px 28px 10px 6px;
+            width: 125px;
+            min-width: 125px;
+            height: 46px;
+            background-image: url(../image/mmlqps3u-s97x2ya.svg);
+            background-position: center;
+            background-size: cover;
+            background-repeat: no-repeat;
+
+            .text3 {
+              display: flex;
+              align-items: center;
+              width: 69px;
+              height: 26px;
+              line-height: 19px;
+              letter-spacing: 1.6px;
+              color: #c4f3fe;
+              font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+              font-size: 16px;
+              font-weight: 600;
+            }
+          }
+        }
+      }
+
+      .frame3 {
+        position: relative;
+        margin-left: 10px;
+        width: 94px;
+        height: 50px;
+
+        .rectangle194204 {
+          display: flex;
+          position: absolute;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          align-items: center;
+          border-radius: 30px;
+          padding: 2px;
+          width: 94px;
+          height: 50px;
+
+          .rectangle194214 {
+            display: flex;
+            flex-grow: 1;
+            align-items: center;
+            justify-content: space-between;
+            background: var(--Linear-3-paints);
+            padding: 10px 28px 10px 6px;
+            width: 90px;
+            min-width: 90px;
+            height: 46px;
+            background-image: url(../image/mmlqps3v-p75rm3v.svg);
+            background-position: center;
+            background-size: cover;
+            background-repeat: no-repeat;
+
+            .text4 {
+              display: flex;
+              align-items: center;
+              width: 34px;
+              height: 26px;
+              line-height: 19px;
+              letter-spacing: 1.6px;
+              color: #c4f3fe;
+              font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+              font-size: 16px;
+              font-weight: 600;
+            }
+          }
+        }
+      }
+    }
+
+    .autoWrapper6 {
+      display: flex;
+      align-items: flex-start;
+      align-self: stretch;
+      justify-content: space-between;
+      margin-top: 235px;
+      padding-right: 335px;
+      padding-left: 47px;
+
+      .group427323172 {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-top: 18px;
+      }
+
+      .frame11 {
+        position: relative;
+        width: 319px;
+        height: 140px;
+        overflow: hidden;
+
+        .frame10 {
+          display: flex;
+          position: absolute;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          flex-direction: column;
+          align-items: flex-start;
+          padding-bottom: 10px;
+          width: 319px;
+          height: 140px;
+          background-image: url(../image/mmlqps3u-h6uknv8.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .frame8 {
+            position: relative;
+            width: 319px;
+            height: 35px;
+            overflow: hidden;
+
+            .subtract2 {
+              display: flex;
+              position: absolute;
+              top: 0;
+              left: 0;
+              align-items: flex-start;
+              justify-content: space-between;
+              padding-bottom: 14px;
+              width: 319px;
+              height: 34px;
+              background-image: url(../image/mmlqps3u-mzoh925.svg);
+              background-position: center;
+              background-size: cover;
+              background-repeat: no-repeat;
+
+              .autoWrapper3 {
+                display: flex;
+                flex-direction: column;
+                align-items: flex-start;
+                align-self: stretch;
+
+                .subtract {
+                  width: 149px;
+                  height: 7px;
+                }
+
+                .autoWrapper2 {
+                  position: relative;
+                  margin-top: 3px;
+                  margin-left: 17px;
+                  width: 120px;
+                  height: 10px;
+
+                  .frame625055 {
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    width: 120px;
+                    height: 10px;
+                  }
+
+                  .vector3 {
+                    position: absolute;
+                    right: -2px;
+                    bottom: -4px;
+                    width: 15px;
+                    height: 15px;
+                  }
+                }
+              }
+            }
+
+            .frame7 {
+              position: absolute;
+              top: -12px;
+              left: 10px;
+              width: 132px;
+              height: 25px;
+            }
+
+            .instance {
+              position: absolute;
+              top: 1px;
+              left: 22px;
+              width: 104px;
+              height: 4px;
+              overflow: hidden;
+              rotate: 2deg;
+
+              .ellipse22 {
+                position: absolute;
+                top: 2px;
+                left: 0;
+                opacity: 0.8;
+                border-radius: 50%;
+                width: 104px;
+                height: 4px;
+                rotate: -5deg;
+              }
+
+              .ellipse42 {
+                position: absolute;
+                top: 0;
+                left: 29px;
+                opacity: 0.5;
+                border-radius: 50%;
+                width: 46px;
+                height: 8px;
+                rotate: -5deg;
+              }
+
+              .ellipse32 {
+                position: absolute;
+                top: 2px;
+                left: 33px;
+                opacity: 0.54;
+                border-radius: 50%;
+                width: 37px;
+                height: 4px;
+                rotate: -5deg;
+              }
+
+              .ellipse52 {
+                position: absolute;
+                top: 2px;
+                left: 45px;
+                opacity: 0.8;
+                border-radius: 50%;
+                width: 15px;
+                height: 4px;
+                rotate: -5deg;
+              }
+            }
+          }
+
+          .group427323116 {
+            display: flex;
+            align-items: center;
+            align-self: stretch;
+            justify-content: space-between;
+            margin: 10px 137px 0px 20px;
+            min-width: 162px;
+            height: 30px;
+          }
+
+          .text11 {
+            margin: 9px 0px 0px 20px;
+            line-height: 23px;
+            letter-spacing: 0;
+            color: #000000;
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 16px;
+
+            .text10 {
+              letter-spacing: 0;
+              font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+              font-size: 16px;
+              text-decoration: underline;
+            }
+          }
+
+          .autoWrapper5 {
+            display: flex;
+            align-items: center;
+            align-self: stretch;
+            justify-content: space-between;
+            padding-right: 20px;
+            padding-left: 20px;
+
+            .text12 {
+              background: linear-gradient(0deg, #30c4e6 0%, #ffffff 100%);
+              background-clip: text;
+              line-height: 23px;
+              letter-spacing: 0;
+              color: transparent;
+              font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+              font-size: 16px;
+              -webkit-background-clip: text;
+              text-decoration: underline;
+            }
+
+            .frame9 {
+              width: 16px;
+              height: 16px;
+              overflow: hidden;
+            }
+          }
+        }
+
+        .rectangle34625605 {
+          position: absolute;
+          top: 45px;
+          right: 10px;
+          left: 234px;
+          border-radius: 3px;
+          width: 75px;
+          height: 30px;
+          rotate: -180deg;
+          background-image: linear-gradient(
+            90deg,
+            #ff760066 0%,
+            #ff760000 100%
+          );
+        }
+
+        .text13 {
+          position: absolute;
+          top: 51px;
+          left: 250px;
+          width: 48px;
+          height: 19px;
+          line-height: 19px;
+          letter-spacing: 0;
+          color: var(--1, #d8e9ff);
+          font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 16px;
+        }
+      }
+    }
+
+    .autoWrapper10 {
+      display: flex;
+      align-items: flex-start;
+      align-self: stretch;
+      margin-top: 10px;
+      padding-right: 0;
+      padding-left: 275px;
+
+      .group427323174 {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+
+      .group427323173 {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-top: 100px;
+        margin-left: 161px;
+      }
+
+      .group427323175 {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-top: 104px;
+        margin-left: 217px;
+      }
+
+      .autoWrapper9 {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        align-self: stretch;
+        margin-top: 63px;
+        margin-left: 61px;
+
+        .text14 {
+          margin: 2px 0px 0px;
+          background: linear-gradient(180deg, #ffffff 0%, #a4d4ff 100%);
+          background-clip: text;
+          line-height: 17px;
+          letter-spacing: 1.44px;
+          color: transparent;
+          font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 12px;
+          font-weight: 600;
+          -webkit-background-clip: text;
+        }
+
+        .ellipse29 {
+          position: absolute;
+          top: 4px;
+          left: 4px;
+          opacity: 0.8;
+          border: 1px solid var(--333333-2-paints, #333333);
+          border-radius: 50%;
+          box-shadow: inset 0px 0px 8px 0px #00ffff99,
+            inset 0px 5px 8px 0px #00ffff99, 0px 0px 5px 0px #00ffff66;
+          background: #081d33;
+          width: 27px;
+          height: 27px;
+          rotate: -180deg;
+        }
+
+        .ellipse26 {
+          position: absolute;
+          top: 0;
+          left: 0;
+          border: 1px solid var(--333333-2-paints, #333333);
+          border-radius: 50%;
+          box-shadow: 0px 0px 12px 0px #00ffff99;
+          background: var(--Linear-3-paints);
+          width: 35px;
+          height: 35px;
+          rotate: -180deg;
+          background-image: linear-gradient(
+            180deg,
+            #0000002f -3.29%,
+            #0000001c 49.92%,
+            #0000002f 100%
+          );
+        }
+
+        .rectangle1 {
+          display: flex;
+          align-items: center;
+          align-self: stretch;
+          background: var(--Linear-3-paints);
+          padding: 6px 4px 5px 5px;
+          background-image: url(../image/mmlqps3u-qs1w7fo.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .group427322615 {
+            display: flex;
+            flex-direction: column;
+            flex-grow: 1;
+            align-items: flex-start;
+
+            .autoWrapper7 {
+              position: relative;
+              margin-left: 8px;
+              width: 35px;
+              height: 35px;
+
+              .vector5 {
+                position: absolute;
+                top: 10px;
+                left: 10px;
+                width: 16px;
+                height: 16px;
+              }
+            }
+          }
+        }
+
+        .rectangle12 {
+          display: flex;
+          align-items: center;
+          align-self: stretch;
+          margin-top: 11px;
+          background: var(--Linear-3-paints);
+          padding: 6px 4px 5px 5px;
+          background-image: url(../image/mmlqps3u-65oo80t.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .group4273226152 {
+            display: flex;
+            flex-direction: column;
+            flex-grow: 1;
+            align-items: flex-start;
+
+            .autoWrapper8 {
+              position: relative;
+              margin-left: 8px;
+              width: 35px;
+              height: 35px;
+
+              .vector6 {
+                position: absolute;
+                top: 9px;
+                left: 10px;
+                width: 14px;
+                height: 18px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .frame13 {
+    position: absolute;
+    top: 1px;
+    left: 1px;
+    width: 120px;
+    height: 1080px;
+  }
+
+  .frame14 {
+    position: absolute;
+    top: 1px;
+    right: 1px;
+    width: 120px;
+    height: 1080px;
+    rotate: 180deg;
+  }
+
+  .frame15 {
+    position: absolute;
+    right: 10px;
+    bottom: -15px;
+    left: -10px;
+    width: 1920px;
+    height: 90px;
+  }
+
+  .frame24 {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    width: 1920px;
+    height: 90px;
+    overflow: hidden;
+
+    .rectangle19362 {
+      position: absolute;
+      top: 24px;
+      left: 92px;
+      width: 7px;
+      height: 7px;
+      rotate: -180deg;
+    }
+
+    .union {
+      margin-top: 1px;
+      width: 26px;
+      height: 6px;
+    }
+
+    .rectangle19361 {
+      width: 7px;
+      height: 7px;
+    }
+
+    .autoWrapper11 {
+      display: flex;
+      align-items: center;
+      align-self: stretch;
+      justify-content: space-between;
+      padding-right: 0;
+      padding-left: 0;
+
+      .frame427318995 {
+        width: 26px;
+        height: 6px;
+      }
+    }
+
+    .instance3 {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 1920px;
+      height: 90px;
+      overflow: hidden;
+
+      .subtract3 {
+        display: flex;
+        position: absolute;
+        top: -4px;
+        left: -12px;
+        align-items: flex-start;
+        padding: 46px 1088px 16px 639px;
+        width: 1920px;
+        height: 93px;
+        background-image: url(../image/mmlqps3r-f79m8hj.svg);
+        background-position: center;
+        background-size: cover;
+        background-repeat: no-repeat;
+
+        .frame16 {
+          width: 193px;
+          height: 31px;
+        }
+      }
+
+      .frame17 {
+        position: absolute;
+        top: 42px;
+        left: 1073px;
+        width: 193px;
+        height: 31px;
+        rotate: -180deg;
+      }
+
+      .frame21 {
+        display: flex;
+        position: absolute;
+        top: -4px;
+        left: -12px;
+        align-items: center;
+        width: 1920px;
+        height: 94px;
+        background-image: url(../image/mmlqps3r-971pbkw.svg);
+        background-position: center;
+        background-size: cover;
+        background-repeat: no-repeat;
+
+        .frame20 {
+          display: flex;
+          position: relative;
+          flex-grow: 1;
+          align-items: flex-start;
+          padding-right: 15px;
+          padding-left: 339px;
+          background-image: url(../image/mmlqps3r-x3kpikw.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .light {
+            position: absolute;
+            top: 35px;
+            left: 705px;
+            width: 510px;
+            height: 58px;
+          }
+
+          .autoWrapper14 {
+            display: flex;
+            position: relative;
+            align-items: flex-start;
+            align-self: stretch;
+
+            .autoWrapper13 {
+              display: flex;
+              flex-direction: column;
+              align-items: flex-start;
+              align-self: stretch;
+
+              .frame625062 {
+                width: 1241px;
+                height: 28px;
+              }
+
+              .autoWrapper12 {
+                display: flex;
+                align-items: center;
+                align-self: stretch;
+                justify-content: space-between;
+                margin-top: 20px;
+                padding-right: 0;
+                padding-left: 1048px;
+
+                .text15 {
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  margin: 1px 0px 0px 16px;
+                  width: 69px;
+                  height: 17px;
+                  line-height: 19px;
+                  letter-spacing: 1.6px;
+                  color: #c4f3fe;
+                  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+                  font-size: 16px;
+                  font-weight: 600;
+                }
+
+                .frame18 {
+                  position: relative;
+                  border-radius: 0px 12px 0px 16px;
+                  width: 100px;
+                  height: 32px;
+                  overflow: hidden;
+
+                  .subtract4 {
+                    display: flex;
+                    position: absolute;
+                    top: -1px;
+                    left: -1px;
+                    flex-direction: column;
+                    align-items: flex-start;
+                    padding-right: 1px;
+                    padding-bottom: 1px;
+                    width: 100px;
+                    height: 32px;
+                    background-image: url(../image/mmlqps3s-8z4jn2x.svg);
+                    background-position: center;
+                    background-size: cover;
+                    background-repeat: no-repeat;
+                  }
+                }
+
+                .frame19 {
+                  position: relative;
+                  border-radius: 0px 12px 0px 16px;
+                  width: 100px;
+                  height: 32px;
+                  overflow: hidden;
+
+                  .subtract5 {
+                    display: flex;
+                    position: absolute;
+                    top: -1px;
+                    left: -1px;
+                    flex-direction: column;
+                    align-items: flex-start;
+                    padding-right: 1px;
+                    padding-bottom: 1px;
+                    width: 100px;
+                    height: 32px;
+                    background-image: url(../image/mmlqps3s-4mtyb8d.svg);
+                    background-position: center;
+                    background-size: cover;
+                    background-repeat: no-repeat;
+                  }
+                }
+              }
+
+              .instance2 {
+                position: relative;
+                margin-top: 2px;
+                margin-left: 438px;
+                width: 365px;
+                height: 12px;
+                overflow: hidden;
+
+                .ellipse23 {
+                  position: absolute;
+                  top: 0;
+                  left: 0;
+                  opacity: 0.3;
+                  border-radius: 50%;
+                  width: 365px;
+                  height: 25px;
+                }
+
+                .ellipse33 {
+                  position: absolute;
+                  top: 3px;
+                  left: 81px;
+                  opacity: 0.1;
+                  border-radius: 50%;
+                  width: 203px;
+                  height: 19px;
+                }
+
+                .ellipse43 {
+                  position: absolute;
+                  top: 2px;
+                  left: 110px;
+                  opacity: 0.2;
+                  border-radius: 50%;
+                  width: 146px;
+                  height: 21px;
+                }
+
+                .ellipse53 {
+                  position: absolute;
+                  top: 7px;
+                  left: 143px;
+                  opacity: 0.1;
+                  border-radius: 50%;
+                  width: 78px;
+                  height: 9px;
+                }
+
+                .ellipse6 {
+                  position: absolute;
+                  top: 8px;
+                  left: 149px;
+                  opacity: 0.3;
+                  border-radius: 50%;
+                  width: 68px;
+                  height: 8px;
+                }
+
+                .ellipse7 {
+                  position: absolute;
+                  top: 10px;
+                  left: 167px;
+                  opacity: 0.4;
+                  border-radius: 50%;
+                  width: 31px;
+                  height: 4px;
+                }
+
+                .subtract6 {
+                  position: absolute;
+                  top: 6px;
+                  left: 73px;
+                  width: 219px;
+                  height: 5px;
+                }
+              }
+            }
+
+            .vector7 {
+              margin-top: 56px;
+              margin-left: 249px;
+              width: 16px;
+              height: 16px;
+            }
+
+            .text16 {
+              margin: 51px 0px 0px 5px;
+              line-height: 27px;
+              letter-spacing: 0;
+              color: #30dcff;
+              font-family: MiSans, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+              font-size: 14px;
+            }
+          }
+        }
+      }
+
+      .text17 {
+        position: absolute;
+        top: 9px;
+        left: 798px;
+        background: linear-gradient(180deg, #75e8ff 20.49%, #ffffff 62.43%);
+        background-clip: text;
+        width: 301px;
+        height: 53px;
+        line-height: 53px;
+        letter-spacing: 5.28px;
+        color: transparent;
+        font-family: YouSheBiaoTiHei, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+        font-size: 44px;
+        -webkit-background-clip: text;
+      }
+    }
+
+    .instance7 {
+      display: flex;
+      position: absolute;
+      top: 21px;
+      left: 0;
+      align-items: flex-start;
+      padding: 23px 14px 23px 26px;
+      width: 559px;
+      height: 78px;
+      overflow: hidden;
+
+      .instance4 {
+        display: flex;
+        align-items: flex-start;
+        column-gap: 8px;
+        margin-top: 6px;
+        height: 17px;
+        overflow: hidden;
+
+        .frame22 {
+          flex-shrink: 0;
+          width: 16px;
+          height: 16px;
+        }
+
+        .frame427318979 {
+          display: inline-flex;
+          flex-shrink: 0;
+          align-items: flex-start;
+          column-gap: 8px;
+
+          .text18 {
+            flex-shrink: 0;
+            line-height: 17px;
+            letter-spacing: 0.56px;
+            color: #c4f3fe;
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 14px;
+            font-weight: 500;
+          }
+        }
+      }
+
+      .frame23 {
+        position: relative;
+        margin-left: 207px;
+        border-radius: 0px 0px 0px 16px;
+        width: 100px;
+        height: 32px;
+        overflow: hidden;
+
+        .subtract7 {
+          display: flex;
+          position: absolute;
+          top: -1px;
+          left: -1px;
+          align-items: flex-start;
+          justify-content: space-between;
+          padding-right: 1px;
+          padding-bottom: 7px;
+          width: 100px;
+          height: 32px;
+          background-image: url(../image/mmlqps3s-szuojub.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .autoWrapper15 {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            align-self: stretch;
+
+            .frame4273189952 {
+              margin-left: 60px;
+              width: 26px;
+              height: 6px;
+            }
+
+            .text19 {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin: 2px 0px 0px;
+              background: linear-gradient(180deg, #c4f3fe 0%, #f8feff 68.77%);
+              background-clip: text;
+              width: 72px;
+              height: 17px;
+              line-height: 19px;
+              letter-spacing: 1.6px;
+              color: transparent;
+              font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+              font-size: 16px;
+              font-weight: 600;
+              -webkit-background-clip: text;
+            }
+          }
+        }
+
+        .frame427318996 {
+          position: absolute;
+          top: 25px;
+          left: -1px;
+          width: 26px;
+          height: 6px;
+          rotate: -180deg;
+        }
+
+        .instance5 {
+          position: absolute;
+          top: 19px;
+          left: -1px;
+          width: 100px;
+          height: 12px;
+          overflow: hidden;
+
+          .ellipse24 {
+            position: absolute;
+            top: 0;
+            left: 0;
+            opacity: 0.3;
+            border-radius: 50%;
+            width: 100px;
+            height: 25px;
+          }
+
+          .ellipse34 {
+            position: absolute;
+            top: 3px;
+            left: 22px;
+            opacity: 0.1;
+            border-radius: 50%;
+            width: 56px;
+            height: 19px;
+          }
+
+          .ellipse44 {
+            position: absolute;
+            top: 2px;
+            left: 30px;
+            opacity: 0.2;
+            border-radius: 50%;
+            width: 40px;
+            height: 21px;
+          }
+
+          .ellipse54 {
+            position: absolute;
+            top: 7px;
+            left: 39px;
+            opacity: 0.1;
+            border-radius: 50%;
+            width: 21px;
+            height: 9px;
+          }
+
+          .ellipse62 {
+            position: absolute;
+            top: 8px;
+            left: 41px;
+            opacity: 0.3;
+            border-radius: 50%;
+            width: 19px;
+            height: 8px;
+          }
+
+          .ellipse72 {
+            position: absolute;
+            top: 10px;
+            left: 46px;
+            opacity: 0.4;
+            border-radius: 50%;
+            width: 9px;
+            height: 4px;
+          }
+        }
+      }
+
+      .instance6 {
+        position: relative;
+        margin-left: 20px;
+        border-radius: 0px 12px 0px 16px;
+        width: 100px;
+        height: 32px;
+        overflow: hidden;
+
+        .subtract8 {
+          display: flex;
+          position: absolute;
+          top: -1px;
+          left: -1px;
+          flex-direction: column;
+          align-items: flex-start;
+          padding-right: 1px;
+          padding-bottom: 1px;
+          width: 100px;
+          height: 32px;
+          background-image: url(../image/mmlqps3r-ahetkqm.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .text20 {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 1px 0px 0px 24px;
+            width: 52px;
+            height: 17px;
+            line-height: 19px;
+            letter-spacing: 1.6px;
+            color: #c4f3fe;
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 16px;
+            font-weight: 600;
+          }
+        }
+      }
+    }
+
+    .a20231012175316 {
+      position: absolute;
+      top: 21px;
+      left: -268px;
+      padding: 30px 24px 32px 0px;
+      width: 559px;
+      height: 78px;
+      overflow: hidden;
+      text-align: right;
+      line-height: 17px;
+      letter-spacing: 0;
+      color: #c4f3fe;
+      font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+      font-size: 14px;
+      font-weight: 500;
+    }
+  }
+
+  .frame26 {
+    display: flex;
+    position: absolute;
+    top: 96px;
+    left: 30px;
+    flex-direction: column;
+    align-items: center;
+    width: 450px;
+    height: 960px;
+
+    .subtract9 {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 450px;
+      height: 314px;
+    }
+
+    .instance10 {
+      position: relative;
+      width: 450px;
+      height: 314px;
+      overflow: hidden;
+
+      .instance9 {
+        position: absolute;
+        top: 0;
+        right: 0;
+        left: 0;
+        width: 450px;
+        height: 35px;
+        overflow: hidden;
+
+        .intersect {
+          display: flex;
+          position: absolute;
+          top: 0;
+          left: -1px;
+          align-items: flex-start;
+          padding: 8px 443px 18px 3px;
+          width: 451px;
+          height: 31px;
+          background-image: url(../image/mmlqps3s-nq4ix7q.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+        }
+
+        .intersect2 {
+          display: flex;
+          position: absolute;
+          top: -4px;
+          left: 10px;
+          align-items: flex-start;
+          padding: 7px 312px 0px 46px;
+          width: 444px;
+          height: 31px;
+          background-image: url(../image/mmlqps3s-ijdvcel.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+        }
+      }
+
+      .group427323139 {
+        display: flex;
+        position: absolute;
+        top: 48px;
+        left: 10px;
+        flex-direction: column;
+        align-items: flex-start;
+        width: 430px;
+        height: 256px;
+
+        .ellipse2419 {
+          border-radius: 50%;
+          box-shadow: 0px 0px 4px 0px #00ffff;
+          background: #00ffff;
+          width: 8px;
+          height: 8px;
+        }
+
+        .autoWrapper16 {
+          display: flex;
+          align-items: center;
+          align-self: stretch;
+          justify-content: space-between;
+          padding-right: 1px;
+          padding-left: 0;
+
+          .text23 {
+            line-height: 19px;
+            letter-spacing: 1.6px;
+            color: var(--1, #d8e9ff);
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 16px;
+          }
+
+          .a500002 {
+            background: linear-gradient(180deg, #dbf9ff 0%, #a9f0ff 100%);
+            background-clip: text;
+            line-height: 29px;
+            letter-spacing: 2.4px;
+            color: transparent;
+            font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 24px;
+            font-weight: 500;
+            -webkit-background-clip: text;
+          }
+        }
+
+        .group427322664 {
+          position: relative;
+          margin-left: 11px;
+          width: 412px;
+          height: 60px;
+
+          .rectangle34625517 {
+            position: absolute;
+            top: 0;
+            left: 21px;
+            width: 391px;
+            height: 60px;
+          }
+
+          .group427322586 {
+            display: flex;
+            position: absolute;
+            top: 0;
+            left: 0;
+            align-items: flex-start;
+            width: 384px;
+            height: 60px;
+
+            .group427322412 {
+              width: 60px;
+              height: 60px;
+            }
+
+            .text22 {
+              margin: 22px 0px 0px 17px;
+              line-height: 19px;
+              letter-spacing: 1.6px;
+              color: #d8e9ff;
+              font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+              font-size: 16px;
+            }
+
+            .a50000 {
+              margin: 17px 0px 0px 164px;
+              background: linear-gradient(180deg, #ffffff 0%, #ff8b01 100%);
+              background-clip: text;
+              line-height: 29px;
+              letter-spacing: 2.4px;
+              color: transparent;
+              font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+              font-size: 24px;
+              font-weight: 500;
+              -webkit-background-clip: text;
+            }
+          }
+        }
+
+        .group427323098 {
+          display: flex;
+          position: relative;
+          flex-direction: column;
+          align-items: center;
+          align-self: stretch;
+          margin-top: 8px;
+          padding-bottom: 4px;
+
+          .rectangle346256052 {
+            display: flex;
+            align-items: center;
+            align-self: stretch;
+            padding-right: 206px;
+            background-image: url(../image/mmlqps3s-ul2ivya.svg);
+            background-position: center;
+            background-size: cover;
+            background-repeat: no-repeat;
+
+            .rectangle34625606 {
+              width: 224px;
+              height: 5px;
+            }
+          }
+
+          .ellipse2420 {
+            display: flex;
+            position: absolute;
+            top: 26px;
+            left: 217px;
+            align-items: center;
+            border: 1px solid #00ffff;
+            border-radius: 50%;
+            box-shadow: 0px 0px 4px 0px #00ffff;
+            background: #00ffff1a;
+            padding: 1px;
+            width: 12px;
+            height: 12px;
+          }
+        }
+
+        .group427323099 {
+          display: flex;
+          position: relative;
+          flex-direction: column;
+          align-items: center;
+          align-self: stretch;
+          margin-top: 7px;
+          padding-bottom: 4px;
+
+          .autoWrapper17 {
+            display: flex;
+            align-items: flex-start;
+            align-self: stretch;
+            justify-content: space-between;
+            padding-right: 1px;
+            padding-left: 0;
+
+            .text24 {
+              margin: 10px 0px 0px;
+              line-height: 19px;
+              letter-spacing: 1.6px;
+              color: var(--1, #d8e9ff);
+              font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+              font-size: 16px;
+            }
+
+            .a500003 {
+              background: linear-gradient(180deg, #dbf9ff 0%, #a9f0ff 100%);
+              background-clip: text;
+              line-height: 34px;
+              letter-spacing: 2.8px;
+              color: transparent;
+              font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+              font-size: 28px;
+              font-weight: 500;
+              -webkit-background-clip: text;
+              text-shadow: 0px 0px 6px #dbf9ff;
+            }
+          }
+
+          .rectangle346256053 {
+            display: flex;
+            align-items: center;
+            align-self: stretch;
+            padding-right: 247px;
+            background-image: url(../image/mmlqps3s-ul2ivya.svg);
+            background-position: center;
+            background-size: cover;
+            background-repeat: no-repeat;
+
+            .rectangle346256072 {
+              width: 183px;
+              height: 5px;
+            }
+          }
+
+          .ellipse24202 {
+            display: flex;
+            position: absolute;
+            top: 31px;
+            left: 177px;
+            align-items: center;
+            border: 1px solid #00ffff;
+            border-radius: 50%;
+            box-shadow: 0px 0px 4px 0px #00ffff;
+            background: #00ffff1a;
+            padding: 1px;
+            width: 12px;
+            height: 12px;
+          }
+        }
+
+        .group427323100 {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          align-self: stretch;
+          margin-top: 12px;
+          margin-right: 1px;
+          padding-bottom: 4px;
+
+          .autoWrapper18 {
+            position: relative;
+            width: 429px;
+            height: 5px;
+
+            .rectangle346256054 {
+              position: absolute;
+              top: 0;
+              left: 0;
+              width: 429px;
+              height: 5px;
+            }
+
+            .group427323097 {
+              position: absolute;
+              bottom: -4px;
+              left: 0;
+              width: 177px;
+              height: 12px;
+            }
+          }
+        }
+
+        .group427323101 {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          align-self: stretch;
+          margin-top: 12px;
+          padding-bottom: 4px;
+
+          .autoWrapper19 {
+            position: relative;
+            width: 430px;
+            height: 5px;
+
+            .rectangle346256055 {
+              position: absolute;
+              top: 0;
+              left: 0;
+              width: 430px;
+              height: 5px;
+            }
+
+            .group4273230972 {
+              position: absolute;
+              bottom: -4px;
+              left: 0;
+              width: 145px;
+              height: 12px;
+            }
+          }
+        }
+      }
+    }
+
+    .instance12 {
+      position: relative;
+      margin-top: 10px;
+      width: 450px;
+      height: 314px;
+      overflow: hidden;
+
+      .instance11 {
+        position: absolute;
+        top: 0;
+        right: 0;
+        left: 0;
+        width: 450px;
+        height: 35px;
+        overflow: hidden;
+
+        .intersect3 {
+          display: flex;
+          position: absolute;
+          top: 0;
+          left: -1px;
+          align-items: flex-start;
+          padding: 8px 443px 18px 3px;
+          width: 451px;
+          height: 31px;
+          background-image: url(../image/mmlqps3s-wa0flme.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+        }
+
+        .intersect4 {
+          display: flex;
+          position: absolute;
+          top: -4px;
+          left: 10px;
+          align-items: flex-start;
+          justify-content: space-between;
+          padding: 7px 12px 0px 46px;
+          width: 444px;
+          height: 31px;
+          background-image: url(../image/mmlqps3s-zmlzdm9.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .union3 {
+            margin-top: 6px;
+            width: 12px;
+            height: 10px;
+          }
+        }
+      }
+
+      .group427323112 {
+        display: flex;
+        position: absolute;
+        top: 48px;
+        left: 10px;
+        align-items: center;
+        justify-content: space-between;
+        width: 430px;
+        height: 251px;
+
+        .rectangle346255532 {
+          margin-top: 10px;
+          width: 160px;
+          height: 2px;
+          background-image: linear-gradient(
+            90deg,
+            #ffd88f00 0%,
+            #ffe4b1 50%,
+            #ffd88f00 100%
+          );
+        }
+
+        .a5000 {
+          margin: 10px 0px 0px;
+          background: linear-gradient(180deg, #dbf9ff 0%, #a9f0ff 100%);
+          background-clip: text;
+          line-height: 38px;
+          letter-spacing: 3.2px;
+          color: transparent;
+          font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 32px;
+          font-weight: 500;
+          -webkit-background-clip: text;
+        }
+
+        .rectangle34625553 {
+          margin-top: 10px;
+          width: 160px;
+          height: 2px;
+          background-image: linear-gradient(
+            90deg,
+            #18385600 0%,
+            #a9f0ff 50%,
+            #254e7f00 100%
+          );
+        }
+
+        .text25 {
+          background: linear-gradient(180deg, #ffffff 0%, #a9f0ff 90.79%);
+          background-clip: text;
+          line-height: 19px;
+          letter-spacing: 1.6px;
+          color: transparent;
+          font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 16px;
+          -webkit-background-clip: text;
+        }
+
+        .vector8 {
+          width: 70px;
+          height: 20px;
+        }
+
+        .autoWrapper20 {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          align-self: stretch;
+
+          .group427323010 {
+            display: flex;
+            position: relative;
+            align-items: flex-start;
+            align-self: stretch;
+            justify-content: space-between;
+            padding: 71px 10px 29px;
+            min-width: 210px;
+            background-image: url(../image/mmlqps3t-ldot55p.svg);
+            background-position: center;
+            background-size: cover;
+            background-repeat: no-repeat;
+
+            .group427322952 {
+              display: flex;
+              position: absolute;
+              top: 21px;
+              left: 25px;
+              flex-direction: column;
+              align-items: center;
+              width: 160px;
+              height: 79px;
+            }
+          }
+
+          .group427323009 {
+            display: flex;
+            position: relative;
+            align-items: flex-start;
+            align-self: stretch;
+            justify-content: space-between;
+            margin-top: 11px;
+            padding: 71px 20px 29px;
+            min-width: 210px;
+            background-image: url(../image/mmlqps3s-tyo5y5v.svg);
+            background-position: center;
+            background-size: cover;
+            background-repeat: no-repeat;
+
+            .group4273229522 {
+              display: flex;
+              position: absolute;
+              top: 21px;
+              left: 25px;
+              flex-direction: column;
+              align-items: flex-start;
+              width: 160px;
+              height: 79px;
+
+              .text26 {
+                margin: 0px 0px 0px 34px;
+                background: linear-gradient(
+                  180deg,
+                  #ffffff 32.78%,
+                  #ffd9b9 78.3%
+                );
+                background-clip: text;
+                line-height: 19px;
+                letter-spacing: 1.6px;
+                color: transparent;
+                font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+                font-size: 16px;
+                -webkit-background-clip: text;
+              }
+
+              .a2500 {
+                margin: 10px 0px 0px 41px;
+                background: linear-gradient(180deg, #ffffff 0%, #ff8b01 100%);
+                background-clip: text;
+                line-height: 38px;
+                letter-spacing: 3.2px;
+                color: transparent;
+                font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+                font-size: 32px;
+                font-weight: 500;
+                -webkit-background-clip: text;
+              }
+            }
+          }
+        }
+
+        .autoWrapper22 {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          align-self: stretch;
+
+          .group427322954 {
+            position: relative;
+            width: 210px;
+            height: 120px;
+
+            .rectangle34625565 {
+              display: flex;
+              position: absolute;
+              top: 0;
+              left: 0;
+              flex-direction: column;
+              align-items: flex-start;
+              padding: 21px 24px 1px 25px;
+              width: 210px;
+              height: 120px;
+              background-image: url(../image/mmlqps3t-yvqhof6.svg);
+              background-position: center;
+              background-size: cover;
+              background-repeat: no-repeat;
+
+              .autoWrapper21 {
+                position: relative;
+                width: 160px;
+                height: 79px;
+
+                .group4273229523 {
+                  display: flex;
+                  position: absolute;
+                  top: 0;
+                  left: 0;
+                  flex-direction: column;
+                  align-items: center;
+                  width: 160px;
+                  height: 79px;
+                }
+
+                .vector9 {
+                  position: absolute;
+                  top: 50px;
+                  left: -15px;
+                  width: 70px;
+                  height: 20px;
+                }
+              }
+
+              .group427322955 {
+                margin-top: 13px;
+                margin-left: 11px;
+                width: 150px;
+                height: 6px;
+              }
+            }
+
+            .vector10 {
+              position: absolute;
+              top: 71px;
+              left: 130px;
+              width: 70px;
+              height: 20px;
+              rotate: -180deg;
+            }
+          }
+
+          .group4273230092 {
+            display: flex;
+            position: relative;
+            align-items: flex-start;
+            align-self: stretch;
+            justify-content: space-between;
+            margin-top: 11px;
+            padding: 71px 20px 29px;
+            min-width: 210px;
+            background-image: url(../image/mmlqps3s-6j37q6i.svg);
+            background-position: center;
+            background-size: cover;
+            background-repeat: no-repeat;
+
+            .group4273229524 {
+              display: flex;
+              position: absolute;
+              top: 21px;
+              left: 25px;
+              flex-direction: column;
+              align-items: flex-start;
+              width: 160px;
+              height: 79px;
+
+              .text27 {
+                margin: 0px 0px 0px 16px;
+                background: linear-gradient(
+                  180deg,
+                  #ffffff 32.78%,
+                  #ffd9b9 78.3%
+                );
+                background-clip: text;
+                line-height: 19px;
+                letter-spacing: 1.6px;
+                color: transparent;
+                font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+                font-size: 16px;
+                -webkit-background-clip: text;
+              }
+
+              .a50 {
+                margin: 10px 0px 0px 46px;
+                background: linear-gradient(180deg, #ffffff 0%, #ff8b01 100%);
+                background-clip: text;
+                line-height: 38px;
+                letter-spacing: 3.2px;
+                color: transparent;
+                font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+                font-size: 32px;
+                font-weight: 500;
+                -webkit-background-clip: text;
+              }
+            }
+          }
+        }
+
+        .group427323111 {
+          position: absolute;
+          top: 93px;
+          left: 185px;
+          width: 60px;
+          height: 60px;
+        }
+      }
+    }
+
+    .instance14 {
+      position: relative;
+      margin-top: 10px;
+      width: 450px;
+      height: 314px;
+      overflow: hidden;
+
+      .group4273227792 {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        width: 216px;
+        min-width: 216px;
+        height: 29px;
+
+        .text30 {
+          line-height: 17px;
+          letter-spacing: 0;
+          color: #d8e9ff;
+          font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 14px;
+        }
+
+        .a2000 {
+          background: linear-gradient(180deg, #dbf9ff 0%, #a9f0ff 100%);
+          background-clip: text;
+          line-height: 29px;
+          letter-spacing: 0;
+          color: transparent;
+          font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 24px;
+          -webkit-background-clip: text;
+        }
+      }
+
+      .autoWrapper23 {
+        position: relative;
+        margin-top: 19px;
+        width: 1px;
+        height: 16px;
+
+        .rectangle34625507 {
+          position: absolute;
+          top: 15px;
+          right: -6px;
+          background: #5085bd80;
+          width: 7px;
+          height: 1px;
+        }
+
+        .rectangle34625506 {
+          position: absolute;
+          top: 0;
+          left: 0;
+          background: #5085bd;
+          width: 1px;
+          height: 16px;
+        }
+      }
+
+      .instance13 {
+        position: absolute;
+        top: 0;
+        right: 0;
+        left: 0;
+        width: 450px;
+        height: 35px;
+        overflow: hidden;
+
+        .intersect5 {
+          display: flex;
+          position: absolute;
+          top: 0;
+          left: -1px;
+          align-items: flex-start;
+          padding: 8px 443px 18px 3px;
+          width: 451px;
+          height: 31px;
+          background-image: url(../image/mmlqps3s-5pousiz.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+        }
+
+        .intersect6 {
+          display: flex;
+          position: absolute;
+          top: -4px;
+          left: 10px;
+          align-items: flex-start;
+          padding: 7px 268px 0px 46px;
+          width: 444px;
+          height: 31px;
+          background-image: url(../image/mmlqps3s-3u02gjh.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+        }
+      }
+
+      .rectangle34625505 {
+        display: flex;
+        position: absolute;
+        top: 80px;
+        left: 189px;
+        align-items: flex-start;
+        justify-content: space-between;
+        background: #102f50;
+        padding-top: 5px;
+        padding-right: 10px;
+        width: 251px;
+        height: 40px;
+
+        .ellipse2399 {
+          margin-top: 10px;
+          border-radius: 50%;
+          width: 10px;
+          height: 10px;
+          background-image: linear-gradient(180deg, #eb6e98 0%, #c85271 100%);
+        }
+
+        .group427322779 {
+          display: flex;
+          align-items: center;
+
+          .text28 {
+            line-height: 17px;
+            letter-spacing: 0;
+            color: var(--1, #d8e9ff);
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 14px;
+          }
+
+          .a20 {
+            margin: 0px 0px 0px 5px;
+            background: linear-gradient(180deg, #dbf9ff 0%, #a9f0ff 100%);
+            background-clip: text;
+            line-height: 29px;
+            letter-spacing: 0;
+            color: transparent;
+            font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 24px;
+            -webkit-background-clip: text;
+          }
+
+          .text29 {
+            margin: 0px 0px 0px 14px;
+            line-height: 17px;
+            letter-spacing: 0;
+            color: #d8e9ff;
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 14px;
+          }
+
+          .a2556 {
+            margin: 0px 0px 0px 10px;
+            background: linear-gradient(180deg, #dbf9ff 0%, #a9f0ff 100%);
+            background-clip: text;
+            line-height: 29px;
+            letter-spacing: 0;
+            color: transparent;
+            font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 24px;
+            -webkit-background-clip: text;
+          }
+        }
+      }
+
+      .rectangle346255052 {
+        display: flex;
+        position: absolute;
+        top: 130px;
+        left: 189px;
+        align-items: flex-start;
+        justify-content: space-between;
+        background: #102f50;
+        padding-top: 5px;
+        padding-right: 10px;
+        width: 251px;
+        height: 40px;
+
+        .ellipse2400 {
+          margin-top: 10px;
+          border-radius: 50%;
+          width: 10px;
+          height: 10px;
+          background-image: linear-gradient(180deg, #f8a553 0%, #ef8e2d 100%);
+        }
+      }
+
+      .rectangle346255053 {
+        display: flex;
+        position: absolute;
+        top: 180px;
+        left: 189px;
+        align-items: flex-start;
+        justify-content: space-between;
+        background: #102f50;
+        padding-top: 5px;
+        padding-right: 10px;
+        width: 251px;
+        height: 40px;
+
+        .ellipse2401 {
+          margin-top: 10px;
+          border-radius: 50%;
+          width: 10px;
+          height: 10px;
+          background-image: linear-gradient(180deg, #ffdf81 0%, #ffcc00 100%);
+        }
+      }
+
+      .rectangle346255054 {
+        display: flex;
+        position: absolute;
+        top: 230px;
+        left: 189px;
+        align-items: flex-start;
+        justify-content: space-between;
+        background: #102f50;
+        padding-top: 5px;
+        padding-right: 10px;
+        width: 251px;
+        height: 40px;
+
+        .ellipse2402 {
+          margin-top: 10px;
+          border-radius: 50%;
+          width: 10px;
+          height: 10px;
+          background-image: linear-gradient(180deg, #35a8eb 0%, #0072ff 100%);
+        }
+      }
+
+      .group427323048 {
+        display: flex;
+        position: absolute;
+        top: 86px;
+        left: 5px;
+        align-items: center;
+        padding: 50px 49px 49px 50px;
+        width: 188px;
+        height: 188px;
+        background-image: url(../image/mmlqps3s-1gdympi.svg);
+        background-position: center;
+        background-size: cover;
+        background-repeat: no-repeat;
+
+        .frame25 {
+          position: relative;
+          width: 89px;
+          height: 89px;
+          background-image: url(../image/mmlqps3s-iisuul0.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .group427320151 {
+            position: absolute;
+            top: 15px;
+            left: 14px;
+            width: 60px;
+            height: 56px;
+          }
+
+          .group427323051 {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 89px;
+            height: 89px;
+          }
+        }
+      }
+    }
+  }
+
+  .frame39 {
+    position: absolute;
+    top: 96px;
+    left: 1440px;
+    width: 450px;
+    height: 960px;
+
+    .instance17 {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      width: 450px;
+      height: 960px;
+      overflow: hidden;
+
+      .subtract10 {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 450px;
+        height: 960px;
+      }
+
+      .instance15 {
+        position: absolute;
+        top: 0;
+        right: 0;
+        left: 0;
+        width: 450px;
+        height: 35px;
+        overflow: hidden;
+
+        .intersect7 {
+          display: flex;
+          position: absolute;
+          top: 0;
+          left: -1px;
+          align-items: flex-start;
+          padding: 8px 443px 18px 3px;
+          width: 451px;
+          height: 31px;
+          background-image: url(../image/mmlqps3t-jblxcaz.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+        }
+
+        .intersect8 {
+          display: flex;
+          position: absolute;
+          top: -4px;
+          left: 10px;
+          align-items: flex-start;
+          padding: 7px 312px 0px 46px;
+          width: 444px;
+          height: 31px;
+          background-image: url(../image/mmlqps3t-aatic78.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+        }
+      }
+
+      .rectangle34625532 {
+        display: flex;
+        position: absolute;
+        top: 48px;
+        left: 49px;
+        align-items: center;
+        justify-content: space-between;
+        padding: 5px 67px 5px 5px;
+        width: 353px;
+        height: 40px;
+        background-image: url(../image/mmlqps3t-oauqxmb.svg);
+        background-position: center;
+        background-size: cover;
+        background-repeat: no-repeat;
+
+        .rectangle34625533 {
+          display: flex;
+          align-items: center;
+          border-radius: 5px;
+          padding: 3px 43px 4px;
+          background-image: linear-gradient(180deg, #1d5a6d 0%, #31dcff 100%);
+
+          .text31 {
+            line-height: 23px;
+            letter-spacing: 0;
+            color: #ffffff;
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 16px;
+            font-weight: 600;
+          }
+        }
+
+        .text32 {
+          opacity: 0.8;
+          background: linear-gradient(180deg, #ffffff 0%, #31dcff 100%);
+          background-clip: text;
+          line-height: 23px;
+          letter-spacing: 0;
+          color: transparent;
+          font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 16px;
+          -webkit-background-clip: text;
+        }
+      }
+
+      .frame427323172 {
+        display: flex;
+        position: absolute;
+        top: 98px;
+        left: 10px;
+        flex-direction: column;
+        align-items: center;
+        width: 430px;
+        height: 861px;
+        overflow: hidden;
+
+        .rectangle346256058 {
+          position: absolute;
+          top: 10px;
+          right: 10px;
+          left: 345px;
+          border-radius: 3px;
+          width: 75px;
+          height: 24px;
+          rotate: -180deg;
+          background-image: linear-gradient(
+            90deg,
+            #0072ff66 0%,
+            #0072ff00 100%
+          );
+        }
+
+        .text38 {
+          position: absolute;
+          top: 12px;
+          left: 361px;
+          width: 48px;
+          height: 19px;
+          line-height: 19px;
+          letter-spacing: 0;
+          color: var(--1, #d8e9ff);
+          font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 16px;
+        }
+
+        .rectangle346256057 {
+          position: absolute;
+          top: 10px;
+          right: 10px;
+          left: 345px;
+          border-radius: 3px;
+          width: 75px;
+          height: 24px;
+          rotate: -180deg;
+          background-image: linear-gradient(
+            90deg,
+            #00b6c766 0%,
+            #00b6c700 100%
+          );
+        }
+
+        .text37 {
+          position: absolute;
+          top: 6px;
+          left: 34px;
+          background: linear-gradient(180deg, #dbf9ff 32.78%, #a9f0ff 78.3%);
+          background-clip: text;
+          width: 118px;
+          height: 22px;
+          line-height: 22px;
+          letter-spacing: 1.8px;
+          color: transparent;
+          font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 18px;
+          font-weight: 600;
+          -webkit-background-clip: text;
+        }
+
+        .subtract12 {
+          position: absolute;
+          top: 0;
+          left: 170px;
+          width: 260px;
+          height: 7px;
+        }
+
+        .frame27 {
+          position: absolute;
+          top: -12px;
+          left: 13px;
+          width: 178px;
+          height: 25px;
+        }
+
+        .frame6250552 {
+          margin-top: 10px;
+          width: 120px;
+          height: 10px;
+        }
+
+        .star2 {
+          margin-top: 1px;
+          width: 21px;
+          height: 20px;
+        }
+
+        .text34 {
+          letter-spacing: 0;
+          color: #ffffff;
+          font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 16px;
+        }
+
+        .text39 {
+          margin: 10px 0px 0px 20px;
+          line-height: 23px;
+          letter-spacing: 0;
+          color: #000000;
+          font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 16px;
+        }
+
+        .instance16 {
+          position: absolute;
+          top: 1px;
+          left: 30px;
+          width: 140px;
+          height: 4px;
+          overflow: hidden;
+          rotate: 3deg;
+
+          .ellipse27 {
+            position: absolute;
+            top: 2px;
+            left: 0;
+            opacity: 0.8;
+            border-radius: 50%;
+            width: 140px;
+            height: 4px;
+            rotate: -6deg;
+          }
+
+          .ellipse46 {
+            position: absolute;
+            top: 0;
+            left: 39px;
+            opacity: 0.5;
+            border-radius: 50%;
+            width: 62px;
+            height: 8px;
+            rotate: -6deg;
+          }
+
+          .ellipse36 {
+            position: absolute;
+            top: 2px;
+            left: 45px;
+            opacity: 0.54;
+            border-radius: 50%;
+            width: 50px;
+            height: 4px;
+            rotate: -6deg;
+          }
+
+          .ellipse56 {
+            position: absolute;
+            top: 2px;
+            left: 60px;
+            opacity: 0.8;
+            border-radius: 50%;
+            width: 20px;
+            height: 4px;
+            rotate: -6deg;
+          }
+        }
+
+        .autoWrapper25 {
+          display: flex;
+          align-items: center;
+          align-self: stretch;
+          justify-content: space-between;
+          margin-top: 10px;
+          padding-right: 17px;
+          padding-left: 20px;
+
+          .text36 {
+            line-height: 23px;
+            letter-spacing: 0;
+            color: #000000;
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 16px;
+          }
+        }
+
+        .autoWrapper31 {
+          display: flex;
+          align-items: flex-start;
+          align-self: stretch;
+          justify-content: space-between;
+          margin-top: 10px;
+          padding-right: 20px;
+          padding-left: 20px;
+
+          .group4273231165 {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            width: 162px;
+            min-width: 162px;
+            height: 30px;
+
+            .autoWrapper30 {
+              position: relative;
+              width: 90px;
+              height: 30px;
+
+              .rectangle346256075 {
+                position: absolute;
+                top: 0;
+                left: 0;
+                border: 1px solid #ff7600;
+                border-radius: 3px;
+                background: #ff760066;
+                width: 90px;
+                height: 30px;
+                rotate: -180deg;
+              }
+            }
+          }
+        }
+
+        .frame29 {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-start;
+          align-self: stretch;
+          padding-bottom: 11px;
+          background-image: url(../image/mmlqps3t-oew1ptr.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .frame28 {
+            position: relative;
+            width: 430px;
+            height: 35px;
+            overflow: hidden;
+
+            .subtract11 {
+              display: flex;
+              position: absolute;
+              top: 0;
+              left: 0;
+              align-items: flex-start;
+              justify-content: space-between;
+              padding-right: 12px;
+              padding-bottom: 14px;
+              width: 430px;
+              height: 34px;
+              background-image: url(../image/mmlqps3t-3equq09.svg);
+              background-position: center;
+              background-size: cover;
+              background-repeat: no-repeat;
+            }
+
+            .rectangle346256056 {
+              position: absolute;
+              top: 10px;
+              right: 10px;
+              left: 345px;
+              border-radius: 3px;
+              width: 75px;
+              height: 24px;
+              rotate: -180deg;
+              background-image: linear-gradient(
+                90deg,
+                #ff760066 0%,
+                #ff760000 100%
+              );
+            }
+
+            .text33 {
+              position: absolute;
+              top: 13px;
+              left: 361px;
+              width: 48px;
+              height: 19px;
+              line-height: 19px;
+              letter-spacing: 0;
+              color: var(--1, #d8e9ff);
+              font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+              font-size: 16px;
+            }
+          }
+
+          .autoWrapper24 {
+            display: flex;
+            align-items: flex-start;
+            align-self: stretch;
+            justify-content: space-between;
+            margin-top: 10px;
+            padding-right: 20px;
+            padding-left: 20px;
+
+            .group4273231162 {
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              width: 162px;
+              min-width: 162px;
+              height: 30px;
+            }
+
+            .star1 {
+              width: 21px;
+              height: 20px;
+            }
+          }
+
+          .text35 {
+            margin: 9px 0px 0px 20px;
+            line-height: 23px;
+            letter-spacing: 0;
+            color: #000000;
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 16px;
+          }
+        }
+
+        .frame31 {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-start;
+          align-self: stretch;
+          margin-top: 10px;
+          padding-bottom: 10px;
+          background-image: url(../image/mmlqps3t-r42lgru.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .frame30 {
+            position: relative;
+            width: 430px;
+            height: 35px;
+            overflow: hidden;
+
+            .subtract13 {
+              display: flex;
+              position: absolute;
+              top: 0;
+              left: 0;
+              align-items: flex-start;
+              justify-content: space-between;
+              padding-right: 12px;
+              padding-bottom: 14px;
+              width: 430px;
+              height: 34px;
+              background-image: url(../image/mmlqps3t-v5dgajc.svg);
+              background-position: center;
+              background-size: cover;
+              background-repeat: no-repeat;
+            }
+
+            .vector11 {
+              position: absolute;
+              top: 8px;
+              left: 10px;
+              width: 16px;
+              height: 18px;
+            }
+          }
+
+          .autoWrapper27 {
+            display: flex;
+            align-items: flex-start;
+            align-self: stretch;
+            justify-content: space-between;
+            margin-top: 10px;
+            padding-right: 20px;
+            padding-left: 20px;
+
+            .group4273231163 {
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              width: 162px;
+              min-width: 162px;
+              height: 30px;
+
+              .autoWrapper26 {
+                position: relative;
+                width: 90px;
+                height: 30px;
+
+                .rectangle346256073 {
+                  position: absolute;
+                  top: 0;
+                  left: 0;
+                  border: 1px solid #fa3758;
+                  border-radius: 3px;
+                  background: #fa375866;
+                  width: 90px;
+                  height: 30px;
+                  rotate: -180deg;
+                }
+              }
+            }
+          }
+        }
+
+        .frame33 {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-start;
+          align-self: stretch;
+          margin-top: 10px;
+          padding-bottom: 10px;
+          background-image: url(../image/mmlqps3t-ml8x6eu.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .frame32 {
+            position: relative;
+            width: 430px;
+            height: 35px;
+            overflow: hidden;
+
+            .subtract14 {
+              display: flex;
+              position: absolute;
+              top: 0;
+              left: 0;
+              align-items: flex-start;
+              justify-content: space-between;
+              padding-right: 12px;
+              padding-bottom: 14px;
+              width: 430px;
+              height: 34px;
+              background-image: url(../image/mmlqps3t-bepkked.svg);
+              background-position: center;
+              background-size: cover;
+              background-repeat: no-repeat;
+            }
+
+            .vector12 {
+              position: absolute;
+              top: 8px;
+              left: 10px;
+              width: 15px;
+              height: 18px;
+            }
+          }
+
+          .autoWrapper29 {
+            display: flex;
+            align-items: flex-start;
+            align-self: stretch;
+            justify-content: space-between;
+            margin-top: 10px;
+            padding-right: 20px;
+            padding-left: 20px;
+
+            .group4273231164 {
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              width: 162px;
+              min-width: 162px;
+              height: 30px;
+
+              .autoWrapper28 {
+                position: relative;
+                width: 90px;
+                height: 30px;
+
+                .rectangle346256074 {
+                  position: absolute;
+                  top: 0;
+                  left: 0;
+                  border: 1px solid #ffcc00;
+                  border-radius: 3px;
+                  background: #ffcc0066;
+                  width: 90px;
+                  height: 30px;
+                  rotate: -180deg;
+                }
+              }
+            }
+          }
+        }
+
+        .frame36 {
+          position: relative;
+          margin-top: 10px;
+          width: 430px;
+          height: 174px;
+          overflow: hidden;
+
+          .ellipse1954 {
+            position: absolute;
+            top: 113px;
+            left: 65px;
+            border-radius: 50%;
+            background: #00ddff73;
+            width: 67px;
+            height: 29px;
+            filter: blur(25px);
+          }
+
+          .frame35 {
+            display: flex;
+            position: absolute;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            flex-direction: column;
+            align-items: flex-start;
+            padding-bottom: 10px;
+            width: 430px;
+            height: 174px;
+            background-image: url(../image/mmlqps3t-4h62vfv.svg);
+            background-position: center;
+            background-size: cover;
+            background-repeat: no-repeat;
+
+            .frame34 {
+              position: relative;
+              width: 430px;
+              height: 35px;
+              overflow: hidden;
+
+              .subtract15 {
+                display: flex;
+                position: absolute;
+                top: 0;
+                left: 0;
+                align-items: flex-start;
+                justify-content: space-between;
+                padding-right: 12px;
+                padding-bottom: 14px;
+                width: 430px;
+                height: 34px;
+                background-image: url(../image/mmlqps3t-08rf4nw.svg);
+                background-position: center;
+                background-size: cover;
+                background-repeat: no-repeat;
+              }
+
+              .vector13 {
+                position: absolute;
+                top: 8px;
+                left: 10px;
+                width: 18px;
+                height: 18px;
+              }
+            }
+          }
+        }
+
+        .frame38 {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-start;
+          align-self: stretch;
+          margin-top: 10px;
+          padding-bottom: 10px;
+          background-image: url(../image/mmlqps3u-dzcoqn7.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .frame37 {
+            position: relative;
+            width: 430px;
+            height: 35px;
+            overflow: hidden;
+
+            .subtract16 {
+              display: flex;
+              position: absolute;
+              top: 0;
+              left: 0;
+              align-items: flex-start;
+              justify-content: space-between;
+              padding-right: 12px;
+              padding-bottom: 14px;
+              width: 430px;
+              height: 34px;
+              background-image: url(../image/mmlqps3u-wyj1xjq.svg);
+              background-position: center;
+              background-size: cover;
+              background-repeat: no-repeat;
+            }
+          }
+        }
+      }
+    }
+
+    .group4273227793 {
+      display: flex;
+      position: absolute;
+      top: 173px;
+      left: 228px;
+      flex-direction: column;
+      align-items: center;
+      padding: 9px 2px 16px;
+      width: 232px;
+      height: 85px;
+      background-image: url(../image/mmlqps3u-plhsq9p.svg);
+      background-position: center;
+      background-size: cover;
+      background-repeat: no-repeat;
+      filter: drop-shadow(0px 0px 10px #00000080);
+
+      .text40 {
+        background: linear-gradient(0deg, #31dcff 0%, #1d5a6d 100%);
+        background-clip: text;
+        line-height: 19px;
+        letter-spacing: 1.6px;
+        color: transparent;
+        font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+        font-size: 16px;
+        -webkit-background-clip: text;
+      }
+
+      .rectangle34625537 {
+        margin-top: 10px;
+        width: 228px;
+        height: 2px;
+        background-image: linear-gradient(
+          90deg,
+          #102f5000 0%,
+          #68c4d4 50%,
+          #102f5000 100%
+        );
+      }
+
+      .text41 {
+        margin: 10px 0px 0px;
+        line-height: 19px;
+        letter-spacing: 1.6px;
+        color: #d8e9ff;
+        font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+        font-size: 16px;
+      }
+    }
+  }
+
+  .subtract17 {
+    position: absolute;
+    top: 744px;
+    left: 490px;
+    width: 940px;
+    height: 314px;
+  }
+
+  .rectangle2152 {
+    display: flex;
+    position: absolute;
+    right: 490px;
+    bottom: 22px;
+    align-items: flex-start;
+    padding: 5px 2px 2px 5px;
+    width: 12px;
+    height: 12px;
+    background-image: url(../image/mmlqps3s-367ovyu.svg);
+    background-position: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+  }
+
+  .frame40 {
+    position: absolute;
+    top: 744px;
+    right: 490px;
+    left: 490px;
+    width: 940px;
+    height: 35px;
+    overflow: hidden;
+
+    .intersect9 {
+      display: flex;
+      position: absolute;
+      top: 0;
+      left: -1px;
+      align-items: flex-start;
+      justify-content: space-between;
+      padding: 8px 11px 7px 3px;
+      width: 940px;
+      height: 31px;
+      background-image: url(../image/mmlqps3u-p9nxbkg.svg);
+      background-position: center;
+      background-size: cover;
+      background-repeat: no-repeat;
+
+      .group427320845 {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        box-shadow: 0px 0px 4px 0px #00ffff80;
+        padding-right: 1px;
+        width: 35px;
+        min-width: 35px;
+        height: 16px;
+
+        .text42 {
+          background: linear-gradient(180deg, #dbf9ff 32.78%, #a9f0ff 78.3%);
+          background-clip: text;
+          line-height: 16px;
+          letter-spacing: 1.2px;
+          color: transparent;
+          font-family: YouSheBiaoTiHei, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 12px;
+          -webkit-background-clip: text;
+        }
+
+        .vector14 {
+          width: 10px;
+          height: 7px;
+          rotate: 180deg;
+        }
+      }
+    }
+
+    .intersect10 {
+      display: flex;
+      position: absolute;
+      top: -4px;
+      left: 10px;
+      align-items: flex-start;
+      padding: 7px 216px 0px 46px;
+      width: 392px;
+      height: 31px;
+      background-image: url(../image/mmlqps3u-yyuoxe1.svg);
+      background-position: center;
+      background-size: cover;
+      background-repeat: no-repeat;
+    }
+
+    .instance18 {
+      position: absolute;
+      top: 32px;
+      left: 41px;
+      width: 130px;
+      height: 3px;
+      overflow: hidden;
+      rotate: 3deg;
+
+      .ellipse28 {
+        position: absolute;
+        top: 2px;
+        left: 0;
+        opacity: 0.8;
+        border-radius: 50%;
+        width: 130px;
+        height: 3px;
+        rotate: -6deg;
+      }
+
+      .ellipse47 {
+        position: absolute;
+        top: 0;
+        left: 36px;
+        opacity: 0.5;
+        border-radius: 50%;
+        width: 58px;
+        height: 6px;
+        rotate: -6deg;
+      }
+
+      .ellipse37 {
+        position: absolute;
+        top: 2px;
+        left: 42px;
+        opacity: 0.54;
+        border-radius: 50%;
+        width: 46px;
+        height: 3px;
+        rotate: -6deg;
+      }
+
+      .ellipse57 {
+        position: absolute;
+        top: 2px;
+        left: 56px;
+        opacity: 0.8;
+        border-radius: 50%;
+        width: 19px;
+        height: 3px;
+        rotate: -6deg;
+      }
+    }
+  }
+
+  .group427323170 {
+    display: flex;
+    position: absolute;
+    top: 794px;
+    left: 503px;
+    flex-direction: column;
+    align-items: flex-start;
+    width: 914px;
+    height: 254px;
+
+    .autoWrapper32 {
+      display: flex;
+      align-items: flex-start;
+      align-self: stretch;
+      justify-content: space-between;
+      padding-right: 4px;
+      padding-left: 0;
+
+      .group427322608 {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        width: 449px;
+        min-width: 449px;
+        height: 20px;
+
+        .text43 {
+          line-height: 20px;
+          letter-spacing: 1.4px;
+          color: var(--1, #d8e9ff);
+          font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 14px;
+          font-weight: 600;
+        }
+
+        .group427321431 {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          width: 86px;
+          min-width: 86px;
+          height: 20px;
+
+          .ellipse2389 {
+            border: 1px solid #ffffff;
+            border-radius: 50%;
+            background: #0085ff;
+            width: 15px;
+            height: 15px;
+          }
+        }
+
+        .group427321428 {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          width: 101px;
+          min-width: 101px;
+          height: 20px;
+
+          .ellipse23892 {
+            border: 1px solid #ffffff;
+            border-radius: 50%;
+            background: #00ffff;
+            width: 15px;
+            height: 15px;
+          }
+        }
+
+        .group427321429 {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          width: 86px;
+          min-width: 86px;
+          height: 20px;
+
+          .ellipse2391 {
+            border: 1px solid #ffffff;
+            border-radius: 50%;
+            background: #f87b6a;
+            width: 15px;
+            height: 15px;
+          }
+        }
+
+        .group427321432 {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          width: 86px;
+          min-width: 86px;
+          height: 20px;
+
+          .ellipse23893 {
+            border: 1px solid #ffffff;
+            border-radius: 50%;
+            background: #ffbb00;
+            width: 15px;
+            height: 15px;
+          }
+        }
+      }
+
+      .group427323171 {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        width: 120px;
+        min-width: 120px;
+        height: 24px;
+
+        .text44 {
+          line-height: 20px;
+          letter-spacing: 0;
+          color: #ffffff;
+          font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 14px;
+        }
+
+        .rectangle34624910 {
+          display: flex;
+          align-items: center;
+          padding: 2px 13px;
+          background-image: url(../image/mmlqps3v-mbqgc93.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+        }
+
+        .rectangle34624911 {
+          display: flex;
+          align-items: center;
+          padding: 2px 13px;
+          background-image: url(../image/mmlqps3v-k5rv748.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+        }
+
+        .rectangle346249112 {
+          display: flex;
+          align-items: center;
+          padding: 2px 13px;
+          background-image: url(../image/mmlqps3v-paafxgf.svg);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+        }
+      }
+    }
+
+    .group427321264 {
+      display: flex;
+      position: relative;
+      flex-direction: column;
+      align-items: flex-start;
+      align-self: stretch;
+      margin-top: 11px;
+      padding-left: 15px;
+      height: 219px;
+
+      .group427321254 {
+        display: flex;
+        position: absolute;
+        top: 0;
+        left: 0;
+        flex-direction: column;
+        align-items: flex-start;
+        width: 46px;
+        height: 201px;
+
+        .text45 {
+          line-height: 16px;
+          letter-spacing: 0;
+          color: var(--1, #d8e9ff);
+          font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 14px;
+          font-weight: 500;
+        }
+
+        .a30 {
+          margin: 1px 0px 0px;
+          line-height: 16px;
+          letter-spacing: 0;
+          color: var(--1, #d8e9ff);
+          font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 14px;
+        }
+
+        .a302 {
+          margin: 12px 0px 0px;
+          line-height: 16px;
+          letter-spacing: 0;
+          color: var(--1, #d8e9ff);
+          font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 14px;
+        }
+
+        .a15 {
+          margin: 12px 0px 0px 2px;
+          line-height: 16px;
+          letter-spacing: 0;
+          color: var(--1, #d8e9ff);
+          font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 14px;
+        }
+
+        .a5 {
+          margin: 12px 0px 0px 7px;
+          line-height: 16px;
+          letter-spacing: 0;
+          color: var(--1, #d8e9ff);
+          font-family: DIN, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+          font-size: 14px;
+        }
+      }
+
+      .autoWrapper34 {
+        display: flex;
+        position: relative;
+        flex-direction: column;
+        align-items: flex-start;
+        align-self: stretch;
+        margin-top: -245px;
+        padding-right: 0;
+        padding-left: 0;
+
+        .frame41 {
+          opacity: 0.8;
+          margin-top: -245px;
+          margin-left: 450px;
+          border: 1px solid #30dcff80;
+          background: #30dcff;
+          width: 1px;
+          height: 889px;
+          rotate: -90deg;
+        }
+
+        .autoWrapper33 {
+          position: relative;
+          margin-top: -601px;
+          margin-left: 8px;
+          width: 881px;
+          height: 135px;
+
+          .line242 {
+            position: absolute;
+            top: 40px;
+            right: -6px;
+            opacity: 0.8;
+            background: #30dcff80;
+            width: 889px;
+            height: 1px;
+          }
+
+          .line248 {
+            position: absolute;
+            top: 11px;
+            right: -6px;
+            opacity: 0.8;
+            background: #30dcff80;
+            width: 889px;
+            height: 1px;
+          }
+
+          .line249 {
+            position: absolute;
+            top: -18px;
+            right: -6px;
+            opacity: 0.8;
+            background: #30dcff80;
+            width: 889px;
+            height: 1px;
+          }
+
+          .line245 {
+            position: absolute;
+            top: 69px;
+            right: -6px;
+            opacity: 0.8;
+            background: #30dcff80;
+            width: 889px;
+            height: 1px;
+          }
+
+          .line246 {
+            position: absolute;
+            top: 98px;
+            right: -6px;
+            opacity: 0.8;
+            background: #30dcff80;
+            width: 889px;
+            height: 1px;
+          }
+
+          .line247 {
+            position: absolute;
+            top: 127px;
+            right: -6px;
+            opacity: 0.8;
+            background: #30dcff80;
+            width: 889px;
+            height: 1px;
+          }
+
+          .group427323150 {
+            position: absolute;
+            top: -19px;
+            left: 0;
+            width: 881px;
+            height: 99px;
+          }
+
+          .group427323151 {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 881px;
+            height: 122px;
+          }
+
+          .group427323152 {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 881px;
+            height: 135px;
+          }
+
+          .group427323153 {
+            position: absolute;
+            bottom: -6px;
+            left: 0;
+            width: 881px;
+            height: 124px;
+          }
+        }
+
+        .group427321257 {
+          display: flex;
+          align-items: center;
+          align-self: stretch;
+          margin-top: 25px;
+
+          .text46 {
+            line-height: 16px;
+            letter-spacing: 0;
+            color: var(--1, #d8e9ff);
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 14px;
+          }
+
+          .text47 {
+            margin: 0px 0px 0px 56px;
+            line-height: 16px;
+            letter-spacing: 0;
+            color: var(--1, #d8e9ff);
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 14px;
+          }
+
+          .text48 {
+            margin: 0px 0px 0px 57px;
+            line-height: 16px;
+            letter-spacing: 0;
+            color: var(--1, #d8e9ff);
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 14px;
+          }
+
+          .text49 {
+            margin: 0px 0px 0px 55px;
+            line-height: 16px;
+            letter-spacing: 0;
+            color: var(--1, #d8e9ff);
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 14px;
+          }
+
+          .text50 {
+            margin: 0px 0px 0px 58px;
+            line-height: 16px;
+            letter-spacing: 0;
+            color: var(--1, #d8e9ff);
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 14px;
+          }
+
+          .text51 {
+            margin: 0px 0px 0px 60px;
+            line-height: 16px;
+            letter-spacing: 0;
+            color: var(--1, #d8e9ff);
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 14px;
+          }
+
+          .text52 {
+            margin: 0px 0px 0px 49px;
+            line-height: 16px;
+            letter-spacing: 0;
+            color: var(--1, #d8e9ff);
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 14px;
+          }
+
+          .text53 {
+            margin: 0px 0px 0px 53px;
+            line-height: 16px;
+            letter-spacing: 0;
+            color: var(--1, #d8e9ff);
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 14px;
+          }
+
+          .text54 {
+            margin: 0px 0px 0px 54px;
+            line-height: 16px;
+            letter-spacing: 0;
+            color: var(--1, #d8e9ff);
+            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+            font-size: 14px;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/.figma/image/060ba63e-bd17-4d1b-ae8d-1ad2725c963a.png b/.figma/image/060ba63e-bd17-4d1b-ae8d-1ad2725c963a.png
new file mode 100644
index 0000000..5208c27
Binary files /dev/null and b/.figma/image/060ba63e-bd17-4d1b-ae8d-1ad2725c963a.png differ
diff --git a/.figma/image/203ad5c7-d9b2-488a-b8a1-cd4d3228747c.png b/.figma/image/203ad5c7-d9b2-488a-b8a1-cd4d3228747c.png
new file mode 100644
index 0000000..5208c27
Binary files /dev/null and b/.figma/image/203ad5c7-d9b2-488a-b8a1-cd4d3228747c.png differ
diff --git a/.figma/image/37a486f3-6a95-41f0-bef7-2d146d1455ad.png b/.figma/image/37a486f3-6a95-41f0-bef7-2d146d1455ad.png
new file mode 100644
index 0000000..5208c27
Binary files /dev/null and b/.figma/image/37a486f3-6a95-41f0-bef7-2d146d1455ad.png differ
diff --git a/.figma/image/55429aad-f531-44c3-a06b-c0e1ca4dc76b.png b/.figma/image/55429aad-f531-44c3-a06b-c0e1ca4dc76b.png
new file mode 100644
index 0000000..5208c27
Binary files /dev/null and b/.figma/image/55429aad-f531-44c3-a06b-c0e1ca4dc76b.png differ
diff --git a/.figma/image/87b71b6f-8960-4ac6-9d4f-d35fcfd81b62.png b/.figma/image/87b71b6f-8960-4ac6-9d4f-d35fcfd81b62.png
new file mode 100644
index 0000000..cafd1ca
Binary files /dev/null and b/.figma/image/87b71b6f-8960-4ac6-9d4f-d35fcfd81b62.png differ
diff --git a/.figma/image/d0ac827a-33cc-4dfb-9256-28872d3f339c.png b/.figma/image/d0ac827a-33cc-4dfb-9256-28872d3f339c.png
new file mode 100644
index 0000000..5208c27
Binary files /dev/null and b/.figma/image/d0ac827a-33cc-4dfb-9256-28872d3f339c.png differ
diff --git a/.figma/image/dd50806b-e708-415b-8824-95830d3ea7b4.png b/.figma/image/dd50806b-e708-415b-8824-95830d3ea7b4.png
new file mode 100644
index 0000000..df1701d
Binary files /dev/null and b/.figma/image/dd50806b-e708-415b-8824-95830d3ea7b4.png differ
diff --git a/.figma/image/f5f086ff-740b-4bde-b360-cfc3df4fc6c9.png b/.figma/image/f5f086ff-740b-4bde-b360-cfc3df4fc6c9.png
new file mode 100644
index 0000000..5208c27
Binary files /dev/null and b/.figma/image/f5f086ff-740b-4bde-b360-cfc3df4fc6c9.png differ
diff --git a/.figma/image/mmlqps3r-26r3h5s.svg b/.figma/image/mmlqps3r-26r3h5s.svg
new file mode 100644
index 0000000..8ef621e
--- /dev/null
+++ b/.figma/image/mmlqps3r-26r3h5s.svg
@@ -0,0 +1,9 @@
+<svg width="194" height="31" viewBox="0 0 194 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M193.426 0V31H48.21C33.2057 31 19.0282 24.1256 9.73633 12.3447L0 0H193.426Z" fill="url(#paint0_radial_148399_585)"/>
+<defs>
+<radialGradient id="paint0_radial_148399_585" cx="0" cy="0" r="1" gradientTransform="matrix(2.71357 62 -955.046 -192.478 12.4257 -35)" gradientUnits="userSpaceOnUse">
+<stop offset="0.716088" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.63"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3r-31wpz3x.png b/.figma/image/mmlqps3r-31wpz3x.png
new file mode 100644
index 0000000..e23a346
Binary files /dev/null and b/.figma/image/mmlqps3r-31wpz3x.png differ
diff --git a/.figma/image/mmlqps3r-5rkl8jf.svg b/.figma/image/mmlqps3r-5rkl8jf.svg
new file mode 100644
index 0000000..9968822
--- /dev/null
+++ b/.figma/image/mmlqps3r-5rkl8jf.svg
@@ -0,0 +1,10 @@
+<svg width="220" height="6" viewBox="0 0 220 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.7666 0C35.5525 1.34541 72.2278 2.57519 110.166 2.5752C147.691 2.5752 183.981 1.37109 212.623 0.0429688L219.333 5.0752H0L6.7666 0Z" fill="url(#paint0_linear_148399_621)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_621" x1="189.183" y1="0.722542" x2="177.787" y2="-40.6477" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.497156" stop-color="#267EE5" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3r-971pbkw.svg b/.figma/image/mmlqps3r-971pbkw.svg
new file mode 100644
index 0000000..8cde77b
--- /dev/null
+++ b/.figma/image/mmlqps3r-971pbkw.svg
@@ -0,0 +1,9 @@
+<svg width="1920" height="94" viewBox="0 0 1920 94" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1919.5 0.5V17.4814L1386.48 41.1816H1386.47C1368.75 42.0841 1350.01 46.8732 1332.61 54.6855C1327.62 56.9293 1322.61 59.2468 1317.59 61.5713C1288.17 75.1882 1258.26 89.0236 1226.4 89.9541L1224.88 89.9883C1216.93 90.1154 1208.99 90.2409 1201.1 90.3633C1081.95 92.2105 1038.36 93.5 960 93.5C878.341 93.5 820.613 92.0996 695.794 90.127C695.789 90.1269 695.784 90.127 695.778 90.127C695.773 90.1269 695.768 90.1261 695.763 90.126C663.254 89.6034 632.798 75.4734 602.854 61.5732C597.903 59.2751 592.966 56.9841 588.04 54.7637C570.609 46.9067 551.824 42.0879 534.025 41.1816H534.022L0.5 17.0498V0.5H1919.5Z" stroke="url(#paint0_linear_148399_599)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_599" x1="960" y1="-151.508" x2="960" y2="102.952" gradientUnits="userSpaceOnUse">
+<stop offset="0.724035" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3r-9p7tuu1.svg b/.figma/image/mmlqps3r-9p7tuu1.svg
new file mode 100644
index 0000000..5f9474c
--- /dev/null
+++ b/.figma/image/mmlqps3r-9p7tuu1.svg
@@ -0,0 +1,81 @@
+<svg width="1920" height="90" viewBox="0 0 1920 90" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_42_7261" fill="white">
+<path d="M1084.33 58C1104.28 58.0001 1122.9 62.8445 1141.79 69.2559C1152.26 72.8094 1164.27 74.3906 1175.33 74.3906H1561.22C1563.74 74.5254 1566.25 74.6595 1568.74 74.7959C1569.22 74.8218 1569.69 74.8481 1570.17 74.874C1574.93 75.135 1579.65 75.3991 1584.34 75.666C1589.81 75.9775 1595.22 76.2928 1600.58 76.6123C1605.35 76.8965 1610.08 77.1842 1614.76 77.4746C1620.2 77.8122 1625.58 78.1542 1630.91 78.5C1649.69 79.7203 1667.73 80.9908 1684.97 82.3096C1695.32 83.101 1705.38 83.9113 1715.14 84.7363C1717.03 84.8954 1718.9 85.0555 1720.76 85.2158C1733.28 86.2952 1745.3 87.4016 1756.79 88.5342C1759.1 88.7623 1761.4 88.9914 1763.67 89.2217C1766.22 89.48 1768.74 89.7391 1771.23 90H150.775C160.202 89.0137 170.022 88.0453 180.222 87.0967C186.622 86.5015 193.171 85.9147 199.866 85.335C210.023 84.4555 220.515 83.5934 231.33 82.751C235.279 82.4434 239.271 82.1385 243.306 81.8359C270.401 79.8041 299.408 77.8882 330.14 76.1006C335.429 75.7929 340.77 75.4885 346.16 75.1885C350.998 74.9192 355.876 74.6536 360.794 74.3906H739.701C750.759 74.3906 762.77 72.8095 773.241 69.2559C792.133 62.8445 810.752 58 830.701 58H1084.33Z"/>
+</mask>
+<path d="M1084.33 58C1104.28 58.0001 1122.9 62.8445 1141.79 69.2559C1152.26 72.8094 1164.27 74.3906 1175.33 74.3906H1561.22C1563.74 74.5254 1566.25 74.6595 1568.74 74.7959C1569.22 74.8218 1569.69 74.8481 1570.17 74.874C1574.93 75.135 1579.65 75.3991 1584.34 75.666C1589.81 75.9775 1595.22 76.2928 1600.58 76.6123C1605.35 76.8965 1610.08 77.1842 1614.76 77.4746C1620.2 77.8122 1625.58 78.1542 1630.91 78.5C1649.69 79.7203 1667.73 80.9908 1684.97 82.3096C1695.32 83.101 1705.38 83.9113 1715.14 84.7363C1717.03 84.8954 1718.9 85.0555 1720.76 85.2158C1733.28 86.2952 1745.3 87.4016 1756.79 88.5342C1759.1 88.7623 1761.4 88.9914 1763.67 89.2217C1766.22 89.48 1768.74 89.7391 1771.23 90H150.775C160.202 89.0137 170.022 88.0453 180.222 87.0967C186.622 86.5015 193.171 85.9147 199.866 85.335C210.023 84.4555 220.515 83.5934 231.33 82.751C235.279 82.4434 239.271 82.1385 243.306 81.8359C270.401 79.8041 299.408 77.8882 330.14 76.1006C335.429 75.7929 340.77 75.4885 346.16 75.1885C350.998 74.9192 355.876 74.6536 360.794 74.3906H739.701C750.759 74.3906 762.77 72.8095 773.241 69.2559C792.133 62.8445 810.752 58 830.701 58H1084.33Z" fill="url(#paint0_linear_42_7261)" fill-opacity="0.4"/>
+<path d="M1084.33 58C1104.28 58.0001 1122.9 62.8445 1141.79 69.2559C1152.26 72.8094 1164.27 74.3906 1175.33 74.3906H1561.22C1563.74 74.5254 1566.25 74.6595 1568.74 74.7959C1569.22 74.8218 1569.69 74.8481 1570.17 74.874C1574.93 75.135 1579.65 75.3991 1584.34 75.666C1589.81 75.9775 1595.22 76.2928 1600.58 76.6123C1605.35 76.8965 1610.08 77.1842 1614.76 77.4746C1620.2 77.8122 1625.58 78.1542 1630.91 78.5C1649.69 79.7203 1667.73 80.9908 1684.97 82.3096C1695.32 83.101 1705.38 83.9113 1715.14 84.7363C1717.03 84.8954 1718.9 85.0555 1720.76 85.2158C1733.28 86.2952 1745.3 87.4016 1756.79 88.5342C1759.1 88.7623 1761.4 88.9914 1763.67 89.2217C1766.22 89.48 1768.74 89.7391 1771.23 90H150.775C160.202 89.0137 170.022 88.0453 180.222 87.0967C186.622 86.5015 193.171 85.9147 199.866 85.335C210.023 84.4555 220.515 83.5934 231.33 82.751C235.279 82.4434 239.271 82.1385 243.306 81.8359C270.401 79.8041 299.408 77.8882 330.14 76.1006C335.429 75.7929 340.77 75.4885 346.16 75.1885C350.998 74.9192 355.876 74.6536 360.794 74.3906H739.701C750.759 74.3906 762.77 72.8095 773.241 69.2559C792.133 62.8445 810.752 58 830.701 58H1084.33Z" fill="url(#paint1_linear_42_7261)"/>
+<path d="M1084.33 58V57V57V58ZM1141.79 69.2559L1141.47 70.2028V70.2028L1141.79 69.2559ZM1175.33 74.3906V75.3906V75.3906V74.3906ZM1561.22 74.3906L1561.27 73.3921L1561.24 73.3906H1561.22V74.3906ZM1568.74 74.7959L1568.8 73.7974V73.7974L1568.74 74.7959ZM1570.17 74.874L1570.11 75.8725V75.8725L1570.17 74.874ZM1584.34 75.666L1584.4 74.6676V74.6676L1584.34 75.666ZM1600.58 76.6123L1600.52 77.6105V77.6105L1600.58 76.6123ZM1614.76 77.4746L1614.82 76.4765V76.4765L1614.76 77.4746ZM1630.91 78.5L1630.84 79.4979V79.4979L1630.91 78.5ZM1684.97 82.3096L1685.05 81.3125V81.3125L1684.97 82.3096ZM1715.14 84.7363L1715.06 85.7328V85.7328L1715.14 84.7363ZM1720.76 85.2158L1720.84 84.2195V84.2195L1720.76 85.2158ZM1756.79 88.5342L1756.69 89.5294V89.5294L1756.79 88.5342ZM1763.67 89.2217L1763.77 88.2268V88.2268L1763.67 89.2217ZM1771.23 90V91L1771.33 89.0054L1771.23 90ZM150.775 90L150.671 89.0054L150.775 91V90ZM180.222 87.0967L180.129 86.101V86.101L180.222 87.0967ZM199.866 85.335L199.952 86.3312V86.3312L199.866 85.335ZM231.33 82.751L231.252 81.754H231.252L231.33 82.751ZM243.306 81.8359L243.38 82.8331V82.8331L243.306 81.8359ZM330.14 76.1006L330.082 75.1023V75.1023L330.14 76.1006ZM346.16 75.1885L346.216 76.1869V76.1869L346.16 75.1885ZM360.794 74.3906V73.3906H360.767L360.741 73.3921L360.794 74.3906ZM773.241 69.2559L773.563 70.2028V70.2028L773.241 69.2559ZM830.701 58V57V57V58ZM1084.33 58V59C1104.12 59.0001 1122.62 63.8044 1141.47 70.2028L1141.79 69.2559L1142.11 68.3089C1123.18 61.8846 1104.44 57.0001 1084.33 57V58ZM1141.79 69.2559L1141.47 70.2028C1152.07 73.7986 1164.19 75.3906 1175.33 75.3906V74.3906V73.3906C1164.36 73.3906 1152.46 71.8202 1142.11 68.3089L1141.79 69.2559ZM1175.33 74.3906V75.3906H1561.22V74.3906V73.3906H1175.33V74.3906ZM1561.22 74.3906L1561.16 75.3892C1563.68 75.5239 1566.19 75.6581 1568.69 75.7944L1568.74 74.7959L1568.8 73.7974C1566.3 73.661 1563.79 73.5268 1561.27 73.3921L1561.22 74.3906ZM1568.74 74.7959L1568.69 75.7944C1569.16 75.8203 1569.64 75.8465 1570.11 75.8725L1570.17 74.874L1570.22 73.8755C1569.75 73.8497 1569.27 73.8232 1568.8 73.7974L1568.74 74.7959ZM1570.17 74.874L1570.11 75.8725C1574.87 76.1335 1579.6 76.3975 1584.28 76.6644L1584.34 75.666L1584.4 74.6676C1579.71 74.4006 1574.98 74.1366 1570.22 73.8755L1570.17 74.874ZM1584.34 75.666L1584.28 76.6644C1589.75 76.9759 1595.16 77.2911 1600.52 77.6105L1600.58 76.6123L1600.64 75.6141C1595.28 75.2945 1589.86 74.9792 1584.4 74.6676L1584.34 75.666ZM1600.58 76.6123L1600.52 77.6105C1605.29 77.8947 1610.02 78.1823 1614.7 78.4727L1614.76 77.4746L1614.82 76.4765C1610.14 76.1861 1605.41 75.8983 1600.64 75.6141L1600.58 76.6123ZM1614.76 77.4746L1614.7 78.4727C1620.14 78.8102 1625.52 79.1522 1630.84 79.4979L1630.91 78.5L1630.97 77.5021C1625.65 77.1562 1620.26 76.8141 1614.82 76.4765L1614.76 77.4746ZM1630.91 78.5L1630.84 79.4979C1649.63 80.718 1667.66 81.9882 1684.9 83.3067L1684.97 82.3096L1685.05 81.3125C1667.8 79.9934 1649.76 78.7227 1630.97 77.5021L1630.91 78.5ZM1684.97 82.3096L1684.9 83.3067C1695.24 84.0979 1705.3 84.908 1715.06 85.7328L1715.14 84.7363L1715.23 83.7399C1705.46 82.9146 1695.4 82.1042 1685.05 81.3125L1684.97 82.3096ZM1715.14 84.7363L1715.06 85.7328C1716.94 85.8918 1718.81 86.0519 1720.67 86.2121L1720.76 85.2158L1720.84 84.2195C1718.98 84.0592 1717.11 83.899 1715.23 83.7399L1715.14 84.7363ZM1720.76 85.2158L1720.67 86.2121C1733.19 87.2911 1745.21 88.3972 1756.69 89.5294L1756.79 88.5342L1756.89 87.539C1745.39 86.406 1733.37 85.2992 1720.84 84.2195L1720.76 85.2158ZM1756.79 88.5342L1756.69 89.5294C1759 89.7574 1761.3 89.9864 1763.57 90.2166L1763.67 89.2217L1763.77 88.2268C1761.5 87.9964 1759.2 87.7673 1756.89 87.539L1756.79 88.5342ZM1763.67 89.2217L1763.57 90.2166C1766.11 90.4748 1768.63 90.7338 1771.13 90.9946L1771.23 90L1771.33 89.0054C1768.84 88.7444 1766.32 88.4852 1763.77 88.2268L1763.67 89.2217ZM1771.23 90V89H150.775V90V91H1771.23V90ZM150.775 90L150.879 90.9946C160.302 90.0087 170.118 89.0407 180.314 88.0924L180.222 87.0967L180.129 86.101C169.926 87.0499 160.102 88.0187 150.671 89.0054L150.775 90ZM180.222 87.0967L180.314 88.0924C186.712 87.4974 193.259 86.9108 199.952 86.3312L199.866 85.335L199.78 84.3387C193.083 84.9186 186.531 85.5055 180.129 86.101L180.222 87.0967ZM199.866 85.335L199.952 86.3312C210.106 85.452 220.596 84.5902 231.408 83.748L231.33 82.751L231.252 81.754C220.435 82.5967 209.94 83.4589 199.78 84.3387L199.866 85.335ZM231.33 82.751L231.408 83.748C235.356 83.4404 239.347 83.1356 243.38 82.8331L243.306 81.8359L243.231 80.8387C239.196 81.1413 235.202 81.4463 231.252 81.754L231.33 82.751ZM243.306 81.8359L243.38 82.8331C270.47 80.8018 299.471 78.8862 330.198 77.0989L330.14 76.1006L330.082 75.1023C299.346 76.8901 270.333 78.8065 243.231 80.8387L243.306 81.8359ZM330.14 76.1006L330.198 77.0989C335.486 76.7913 340.826 76.4869 346.216 76.1869L346.16 75.1885L346.105 74.19C340.713 74.4901 335.372 74.7945 330.082 75.1023L330.14 76.1006ZM346.16 75.1885L346.216 76.1869C351.053 75.9177 355.93 75.6521 360.847 75.3892L360.794 74.3906L360.741 73.3921C355.822 73.6551 350.943 73.9207 346.105 74.19L346.16 75.1885ZM360.794 74.3906V75.3906H739.701V74.3906V73.3906H360.794V74.3906ZM739.701 74.3906V75.3906C750.844 75.3906 762.967 73.7986 773.563 70.2028L773.241 69.2559L772.92 68.3089C762.573 71.8203 750.674 73.3906 739.701 73.3906V74.3906ZM773.241 69.2559L773.563 70.2028C792.416 63.8044 810.913 59 830.701 59V58V57C810.59 57 791.849 61.8846 772.92 68.3089L773.241 69.2559ZM830.701 58V59H1084.33V58V57H830.701V58Z" fill="url(#paint2_linear_42_7261)" mask="url(#path-1-inside-1_42_7261)"/>
+<path d="M1084.33 58V57V57V58ZM1141.79 69.2559L1141.47 70.2028V70.2028L1141.79 69.2559ZM1175.33 74.3906V75.3906V75.3906V74.3906ZM1561.22 74.3906L1561.27 73.3921L1561.24 73.3906H1561.22V74.3906ZM1568.74 74.7959L1568.8 73.7974V73.7974L1568.74 74.7959ZM1570.17 74.874L1570.11 75.8725V75.8725L1570.17 74.874ZM1584.34 75.666L1584.4 74.6676V74.6676L1584.34 75.666ZM1600.58 76.6123L1600.52 77.6105V77.6105L1600.58 76.6123ZM1614.76 77.4746L1614.82 76.4765V76.4765L1614.76 77.4746ZM1630.91 78.5L1630.84 79.4979V79.4979L1630.91 78.5ZM1684.97 82.3096L1685.05 81.3125V81.3125L1684.97 82.3096ZM1715.14 84.7363L1715.06 85.7328V85.7328L1715.14 84.7363ZM1720.76 85.2158L1720.84 84.2195V84.2195L1720.76 85.2158ZM1756.79 88.5342L1756.69 89.5294V89.5294L1756.79 88.5342ZM1763.67 89.2217L1763.77 88.2268V88.2268L1763.67 89.2217ZM1771.23 90V91L1771.33 89.0054L1771.23 90ZM150.775 90L150.671 89.0054L150.775 91V90ZM180.222 87.0967L180.129 86.101V86.101L180.222 87.0967ZM199.866 85.335L199.952 86.3312V86.3312L199.866 85.335ZM231.33 82.751L231.252 81.754H231.252L231.33 82.751ZM243.306 81.8359L243.38 82.8331V82.8331L243.306 81.8359ZM330.14 76.1006L330.082 75.1023V75.1023L330.14 76.1006ZM346.16 75.1885L346.216 76.1869V76.1869L346.16 75.1885ZM360.794 74.3906V73.3906H360.767L360.741 73.3921L360.794 74.3906ZM773.241 69.2559L773.563 70.2028V70.2028L773.241 69.2559ZM830.701 58V57V57V58ZM1084.33 58V59C1104.12 59.0001 1122.62 63.8044 1141.47 70.2028L1141.79 69.2559L1142.11 68.3089C1123.18 61.8846 1104.44 57.0001 1084.33 57V58ZM1141.79 69.2559L1141.47 70.2028C1152.07 73.7986 1164.19 75.3906 1175.33 75.3906V74.3906V73.3906C1164.36 73.3906 1152.46 71.8202 1142.11 68.3089L1141.79 69.2559ZM1175.33 74.3906V75.3906H1561.22V74.3906V73.3906H1175.33V74.3906ZM1561.22 74.3906L1561.16 75.3892C1563.68 75.5239 1566.19 75.6581 1568.69 75.7944L1568.74 74.7959L1568.8 73.7974C1566.3 73.661 1563.79 73.5268 1561.27 73.3921L1561.22 74.3906ZM1568.74 74.7959L1568.69 75.7944C1569.16 75.8203 1569.64 75.8465 1570.11 75.8725L1570.17 74.874L1570.22 73.8755C1569.75 73.8497 1569.27 73.8232 1568.8 73.7974L1568.74 74.7959ZM1570.17 74.874L1570.11 75.8725C1574.87 76.1335 1579.6 76.3975 1584.28 76.6644L1584.34 75.666L1584.4 74.6676C1579.71 74.4006 1574.98 74.1366 1570.22 73.8755L1570.17 74.874ZM1584.34 75.666L1584.28 76.6644C1589.75 76.9759 1595.16 77.2911 1600.52 77.6105L1600.58 76.6123L1600.64 75.6141C1595.28 75.2945 1589.86 74.9792 1584.4 74.6676L1584.34 75.666ZM1600.58 76.6123L1600.52 77.6105C1605.29 77.8947 1610.02 78.1823 1614.7 78.4727L1614.76 77.4746L1614.82 76.4765C1610.14 76.1861 1605.41 75.8983 1600.64 75.6141L1600.58 76.6123ZM1614.76 77.4746L1614.7 78.4727C1620.14 78.8102 1625.52 79.1522 1630.84 79.4979L1630.91 78.5L1630.97 77.5021C1625.65 77.1562 1620.26 76.8141 1614.82 76.4765L1614.76 77.4746ZM1630.91 78.5L1630.84 79.4979C1649.63 80.718 1667.66 81.9882 1684.9 83.3067L1684.97 82.3096L1685.05 81.3125C1667.8 79.9934 1649.76 78.7227 1630.97 77.5021L1630.91 78.5ZM1684.97 82.3096L1684.9 83.3067C1695.24 84.0979 1705.3 84.908 1715.06 85.7328L1715.14 84.7363L1715.23 83.7399C1705.46 82.9146 1695.4 82.1042 1685.05 81.3125L1684.97 82.3096ZM1715.14 84.7363L1715.06 85.7328C1716.94 85.8918 1718.81 86.0519 1720.67 86.2121L1720.76 85.2158L1720.84 84.2195C1718.98 84.0592 1717.11 83.899 1715.23 83.7399L1715.14 84.7363ZM1720.76 85.2158L1720.67 86.2121C1733.19 87.2911 1745.21 88.3972 1756.69 89.5294L1756.79 88.5342L1756.89 87.539C1745.39 86.406 1733.37 85.2992 1720.84 84.2195L1720.76 85.2158ZM1756.79 88.5342L1756.69 89.5294C1759 89.7574 1761.3 89.9864 1763.57 90.2166L1763.67 89.2217L1763.77 88.2268C1761.5 87.9964 1759.2 87.7673 1756.89 87.539L1756.79 88.5342ZM1763.67 89.2217L1763.57 90.2166C1766.11 90.4748 1768.63 90.7338 1771.13 90.9946L1771.23 90L1771.33 89.0054C1768.84 88.7444 1766.32 88.4852 1763.77 88.2268L1763.67 89.2217ZM1771.23 90V89H150.775V90V91H1771.23V90ZM150.775 90L150.879 90.9946C160.302 90.0087 170.118 89.0407 180.314 88.0924L180.222 87.0967L180.129 86.101C169.926 87.0499 160.102 88.0187 150.671 89.0054L150.775 90ZM180.222 87.0967L180.314 88.0924C186.712 87.4974 193.259 86.9108 199.952 86.3312L199.866 85.335L199.78 84.3387C193.083 84.9186 186.531 85.5055 180.129 86.101L180.222 87.0967ZM199.866 85.335L199.952 86.3312C210.106 85.452 220.596 84.5902 231.408 83.748L231.33 82.751L231.252 81.754C220.435 82.5967 209.94 83.4589 199.78 84.3387L199.866 85.335ZM231.33 82.751L231.408 83.748C235.356 83.4404 239.347 83.1356 243.38 82.8331L243.306 81.8359L243.231 80.8387C239.196 81.1413 235.202 81.4463 231.252 81.754L231.33 82.751ZM243.306 81.8359L243.38 82.8331C270.47 80.8018 299.471 78.8862 330.198 77.0989L330.14 76.1006L330.082 75.1023C299.346 76.8901 270.333 78.8065 243.231 80.8387L243.306 81.8359ZM330.14 76.1006L330.198 77.0989C335.486 76.7913 340.826 76.4869 346.216 76.1869L346.16 75.1885L346.105 74.19C340.713 74.4901 335.372 74.7945 330.082 75.1023L330.14 76.1006ZM346.16 75.1885L346.216 76.1869C351.053 75.9177 355.93 75.6521 360.847 75.3892L360.794 74.3906L360.741 73.3921C355.822 73.6551 350.943 73.9207 346.105 74.19L346.16 75.1885ZM360.794 74.3906V75.3906H739.701V74.3906V73.3906H360.794V74.3906ZM739.701 74.3906V75.3906C750.844 75.3906 762.967 73.7986 773.563 70.2028L773.241 69.2559L772.92 68.3089C762.573 71.8203 750.674 73.3906 739.701 73.3906V74.3906ZM773.241 69.2559L773.563 70.2028C792.416 63.8044 810.913 59 830.701 59V58V57C810.59 57 791.849 61.8846 772.92 68.3089L773.241 69.2559ZM830.701 58V59H1084.33V58V57H830.701V58Z" fill="url(#paint3_linear_42_7261)" mask="url(#path-1-inside-1_42_7261)"/>
+<g opacity="0.8" clip-path="url(#clip0_42_7261)">
+<g opacity="0.3" style="mix-blend-mode:plus-lighter">
+<ellipse cx="960" cy="57.4583" rx="88" ry="13.5417" fill="url(#paint4_radial_42_7261)"/>
+</g>
+<g opacity="0.1" style="mix-blend-mode:plus-lighter">
+<ellipse cx="960" cy="57.4583" rx="49.0286" ry="10.2917" fill="url(#paint5_radial_42_7261)"/>
+</g>
+<g opacity="0.2" style="mix-blend-mode:plus-lighter">
+<ellipse cx="960" cy="57.4584" rx="35.2" ry="11.375" fill="url(#paint6_radial_42_7261)"/>
+</g>
+<g opacity="0.1" style="mix-blend-mode:plus-lighter">
+<ellipse cx="960" cy="58.5417" rx="18.8571" ry="4.875" fill="url(#paint7_radial_42_7261)"/>
+</g>
+<g opacity="0.3" style="mix-blend-mode:plus-lighter">
+<ellipse cx="960" cy="58" rx="16.3429" ry="4.33333" fill="url(#paint8_radial_42_7261)"/>
+</g>
+<g opacity="0.4" style="mix-blend-mode:plus-lighter">
+<ellipse cx="960" cy="58" rx="7.54286" ry="2.16667" fill="url(#paint9_radial_42_7261)"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_42_7261" x1="961.003" y1="22.8781" x2="961.003" y2="96.4763" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.68"/>
+<stop offset="0.435452" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_42_7261" x1="961.002" y1="34.9756" x2="961.002" y2="159.463" gradientUnits="userSpaceOnUse">
+<stop offset="0.00152559" stop-color="#6ECAFF" stop-opacity="0.49"/>
+<stop offset="0.24399" stop-color="#35A8EB" stop-opacity="0.16"/>
+<stop offset="0.453195" stop-color="#1A394D" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_42_7261" x1="961.003" y1="117.317" x2="961.003" y2="32.1034" gradientUnits="userSpaceOnUse">
+<stop offset="0.29569" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.494616" stop-color="#30DCFF" stop-opacity="0.16"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_42_7261" x1="961.003" y1="96.8296" x2="961.003" y2="61.0517" gradientUnits="userSpaceOnUse">
+<stop offset="0.600449" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+<radialGradient id="paint4_radial_42_7261" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(959.129 57.4583) rotate(90) scale(13.5417 87.1287)">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint5_radial_42_7261" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(959.515 57.4583) rotate(90) scale(10.2917 48.5431)">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint6_radial_42_7261" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(959.651 57.4584) rotate(90) scale(11.375 34.8515)">
+<stop stop-color="#B7EEFF"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint7_radial_42_7261" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(959.813 58.5417) rotate(90) scale(4.875 18.6704)">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint8_radial_42_7261" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(959.838 58) rotate(90) scale(4.33333 16.181)">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint9_radial_42_7261" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(959.925 58) rotate(90) scale(2.16667 7.46818)">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</radialGradient>
+<clipPath id="clip0_42_7261">
+<rect width="176" height="13" fill="white" transform="matrix(1 0 0 -1 872 71)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3r-ahetkqm.svg b/.figma/image/mmlqps3r-ahetkqm.svg
new file mode 100644
index 0000000..cdbace0
--- /dev/null
+++ b/.figma/image/mmlqps3r-ahetkqm.svg
@@ -0,0 +1,43 @@
+<svg width="100" height="32" viewBox="0 0 100 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_148399_463" fill="white">
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z"/>
+</mask>
+<g filter="url(#filter0_i_148399_463)">
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z" fill="url(#paint0_linear_148399_463)" fill-opacity="0.4"/>
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z" fill="url(#paint1_linear_148399_463)"/>
+</g>
+<path d="M100 23L100.707 23.7071L101 23.4142V23H100ZM91 32V33H91.4142L91.7071 32.7071L91 32ZM0 32H-1V33H0L0 32ZM0 9L-0.707107 8.29289L-1 8.58579V9H0ZM9 0V-1L8.58579 -1L8.29289 -0.707107L9 0ZM100 0L101 0V-1L100 -1V0ZM100 23L99.2929 22.2929L90.2929 31.2929L91 32L91.7071 32.7071L100.707 23.7071L100 23ZM91 32V31L0 31L0 32L0 33L91 33V32ZM0 32H1L1 9H0H-1L-1 32H0ZM0 9L0.707107 9.70711L9.70711 0.707107L9 0L8.29289 -0.707107L-0.707107 8.29289L0 9ZM9 0V1L100 1V0V-1L9 -1V0ZM100 0L99 0V23H100H101V0L100 0Z" fill="url(#paint2_radial_148399_463)" mask="url(#path-1-inside-1_148399_463)"/>
+<g clip-path="url(#paint3_diamond_148399_463_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_148399_463)"><g transform="matrix(-0.0635 0 0.0532744 -2872.76 50 15.7531)"><rect x="0" y="0" width="803.155" height="0.00600358" fill="url(#paint3_diamond_148399_463)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="803.155" height="0.00600358" transform="scale(1 -1)" fill="url(#paint3_diamond_148399_463)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="803.155" height="0.00600358" transform="scale(-1 1)" fill="url(#paint3_diamond_148399_463)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="803.155" height="0.00600358" transform="scale(-1)" fill="url(#paint3_diamond_148399_463)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M100 23L100.707 23.7071L101 23.4142V23H100ZM91 32V33H91.4142L91.7071 32.7071L91 32ZM0 32H-1V33H0L0 32ZM0 9L-0.707107 8.29289L-1 8.58579V9H0ZM9 0V-1L8.58579 -1L8.29289 -0.707107L9 0ZM100 0L101 0V-1L100 -1V0ZM100 23L99.2929 22.2929L90.2929 31.2929L91 32L91.7071 32.7071L100.707 23.7071L100 23ZM91 32V31L0 31L0 32L0 33L91 33V32ZM0 32H1L1 9H0H-1L-1 32H0ZM0 9L0.707107 9.70711L9.70711 0.707107L9 0L8.29289 -0.707107L-0.707107 8.29289L0 9ZM9 0V1L100 1V0V-1L9 -1V0ZM100 0L99 0V23H100H101V0L100 0Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.67500001192092896,&#34;g&#34;:0.94504863023757935,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.29712498188018799},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.80609583854675293},{&#34;color&#34;:{&#34;r&#34;:0.67450982332229614,&#34;g&#34;:0.94509804248809814,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-127.0,&#34;m01&#34;:106.54871368408203,&#34;m02&#34;:60.225646972656250,&#34;m10&#34;:-7.7972822642990991e-10,&#34;m11&#34;:-5745521.50,&#34;m12&#34;:2872776.50},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_148399_463)"/>
+<defs>
+<filter id="filter0_i_148399_463" x="0" y="0" width="100" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.109253 0 0 0 0 0.771681 0 0 0 0 0.904167 0 0 0 0.67 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_148399_463"/>
+</filter>
+<clipPath id="paint3_diamond_148399_463_clip_path"><path d="M100 23L100.707 23.7071L101 23.4142V23H100ZM91 32V33H91.4142L91.7071 32.7071L91 32ZM0 32H-1V33H0L0 32ZM0 9L-0.707107 8.29289L-1 8.58579V9H0ZM9 0V-1L8.58579 -1L8.29289 -0.707107L9 0ZM100 0L101 0V-1L100 -1V0ZM100 23L99.2929 22.2929L90.2929 31.2929L91 32L91.7071 32.7071L100.707 23.7071L100 23ZM91 32V31L0 31L0 32L0 33L91 33V32ZM0 32H1L1 9H0H-1L-1 32H0ZM0 9L0.707107 9.70711L9.70711 0.707107L9 0L8.29289 -0.707107L-0.707107 8.29289L0 9ZM9 0V1L100 1V0V-1L9 -1V0ZM100 0L99 0V23H100H101V0L100 0Z" mask="url(#path-1-inside-1_148399_463)"/></clipPath><linearGradient id="paint0_linear_148399_463" x1="50" y1="-1.05156" x2="50" y2="32" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.46"/>
+<stop offset="0.56502" stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.46"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_463" x1="50" y1="-2.89916" x2="50" y2="32" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1F76A8" stop-opacity="0.24"/>
+<stop offset="0.511915" stop-color="#15547D" stop-opacity="0.24"/>
+<stop offset="1" stop-color="#1F76A8" stop-opacity="0.24"/>
+</linearGradient>
+<radialGradient id="paint2_radial_148399_463" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(50 17.3731) rotate(-90) scale(23.6596 73.9362)">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint3_diamond_148399_463" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ACF1FF"/>
+<stop offset="0.297125" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.806096" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#ACF1FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3r-f79m8hj.svg b/.figma/image/mmlqps3r-f79m8hj.svg
new file mode 100644
index 0000000..2580155
--- /dev/null
+++ b/.figma/image/mmlqps3r-f79m8hj.svg
@@ -0,0 +1,22 @@
+<svg width="1920" height="94" viewBox="0 0 1920 94" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_148399_571" fill="white">
+<path d="M1920 14.4717L1436.7 33.04L1356.84 35.791C1339.13 36.4713 1314.92 44.8462 1301.45 54.9482L1275.25 74.5947C1261.76 84.7123 1245.41 90.3075 1228.54 90.5898C1165.6 91.6437 1117.09 92.534 1073.19 93.1416L1063.12 85.584C1034.4 87.3669 997.908 88.9912 960.167 88.9912C922.291 88.9912 885.673 87.3559 856.908 85.5654L846.792 93.1514C802.22 92.5421 752.979 91.6445 689.454 90.582C672.594 90.3 656.236 84.7054 642.746 74.5879L616.558 54.9463C603.089 44.845 578.879 36.4712 561.174 35.79L494.691 33.4912L0 14.458V0H1920V14.4717Z"/>
+</mask>
+<path d="M1920 14.4717L1436.7 33.04L1356.84 35.791C1339.13 36.4713 1314.92 44.8462 1301.45 54.9482L1275.25 74.5947C1261.76 84.7123 1245.41 90.3075 1228.54 90.5898C1165.6 91.6437 1117.09 92.534 1073.19 93.1416L1063.12 85.584C1034.4 87.3669 997.908 88.9912 960.167 88.9912C922.291 88.9912 885.673 87.3559 856.908 85.5654L846.792 93.1514C802.22 92.5421 752.979 91.6445 689.454 90.582C672.594 90.3 656.236 84.7054 642.746 74.5879L616.558 54.9463C603.089 44.845 578.879 36.4712 561.174 35.79L494.691 33.4912L0 14.458V0H1920V14.4717Z" fill="url(#paint0_linear_148399_571)" fill-opacity="0.4"/>
+<path d="M1920 14.4717L1436.7 33.04L1356.84 35.791C1339.13 36.4713 1314.92 44.8462 1301.45 54.9482L1275.25 74.5947C1261.76 84.7123 1245.41 90.3075 1228.54 90.5898C1165.6 91.6437 1117.09 92.534 1073.19 93.1416L1063.12 85.584C1034.4 87.3669 997.908 88.9912 960.167 88.9912C922.291 88.9912 885.673 87.3559 856.908 85.5654L846.792 93.1514C802.22 92.5421 752.979 91.6445 689.454 90.582C672.594 90.3 656.236 84.7054 642.746 74.5879L616.558 54.9463C603.089 44.845 578.879 36.4712 561.174 35.79L494.691 33.4912L0 14.458V0H1920V14.4717Z" fill="url(#paint1_linear_148399_571)"/>
+<path d="M1920 14.4717L1920.04 15.4709L1921 15.434V14.4717H1920ZM1436.7 33.04L1436.73 34.0395L1436.74 34.0393L1436.7 33.04ZM1356.84 35.791L1356.8 34.7916L1356.8 34.7918L1356.84 35.791ZM1301.45 54.9482L1302.05 55.7483V55.7482L1301.45 54.9482ZM1275.25 74.5947L1274.65 73.7947V73.7947L1275.25 74.5947ZM1228.54 90.5898L1228.56 91.5897V91.5897L1228.54 90.5898ZM1073.19 93.1416L1072.59 93.9416L1072.87 94.1462L1073.21 94.1415L1073.19 93.1416ZM1063.12 85.584L1063.72 84.784L1063.42 84.5631L1063.06 84.5859L1063.12 85.584ZM960.167 88.9912V89.9912V89.9912V88.9912ZM856.908 85.5654L856.97 84.5674L856.603 84.5445L856.308 84.7654L856.908 85.5654ZM846.792 93.1514L846.778 94.1513L847.119 94.1559L847.392 93.9514L846.792 93.1514ZM689.454 90.582L689.471 89.5822L689.454 90.582ZM642.746 74.5879L642.146 75.3879V75.3879L642.746 74.5879ZM616.558 54.9463L617.158 54.1463V54.1463L616.558 54.9463ZM561.174 35.79L561.212 34.7908L561.208 34.7906L561.174 35.79ZM494.691 33.4912L494.653 34.4905L494.657 34.4906L494.691 33.4912ZM0 14.458H-1V15.4203L-0.0384465 15.4573L0 14.458ZM0 0V-1H-1V0H0ZM1920 0H1921V-1H1920V0ZM1920 14.4717L1919.96 13.4724L1436.66 32.0408L1436.7 33.04L1436.74 34.0393L1920.04 15.4709L1920 14.4717ZM1436.7 33.04L1436.66 32.0406L1356.8 34.7916L1356.84 35.791L1356.87 36.7904L1436.73 34.0394L1436.7 33.04ZM1356.84 35.791L1356.8 34.7918C1347.82 35.1366 1337.24 37.4273 1327.23 40.8914C1317.22 44.3548 1307.69 49.0162 1300.85 54.1482L1301.45 54.9482L1302.05 55.7482C1308.68 50.7783 1318 46.2012 1327.88 42.7815C1337.77 39.3626 1348.15 37.1257 1356.88 36.7903L1356.84 35.791ZM1301.45 54.9482L1300.85 54.1482L1274.65 73.7947L1275.25 74.5947L1275.85 75.3947L1302.05 55.7483L1301.45 54.9482ZM1275.25 74.5947L1274.65 73.7947C1261.33 83.7857 1245.18 89.3112 1228.53 89.59L1228.54 90.5898L1228.56 91.5897C1245.63 91.3039 1262.19 85.6389 1275.85 75.3947L1275.25 74.5947ZM1228.54 90.5898L1228.53 89.59C1165.58 90.6439 1117.08 91.5341 1073.18 92.1417L1073.19 93.1416L1073.21 94.1415C1117.11 93.5338 1165.62 92.6436 1228.56 91.5897L1228.54 90.5898ZM1073.19 93.1416L1073.79 92.3416L1063.72 84.784L1063.12 85.584L1062.52 86.384L1072.59 93.9416L1073.19 93.1416ZM1063.12 85.584L1063.06 84.5859C1034.35 86.368 997.881 87.9912 960.167 87.9912V88.9912V89.9912C997.935 89.9912 1034.45 88.3658 1063.18 86.5821L1063.12 85.584ZM960.167 88.9912V87.9912C922.318 87.9912 885.722 86.357 856.97 84.5674L856.908 85.5654L856.846 86.5635C885.624 88.3548 922.264 89.9912 960.167 89.9912V88.9912ZM856.908 85.5654L856.308 84.7654L846.192 92.3513L846.792 93.1514L847.392 93.9514L857.508 86.3655L856.908 85.5654ZM846.792 93.1514L846.806 92.1515C802.235 91.5422 752.998 90.6447 689.471 89.5822L689.454 90.582L689.437 91.5819C752.961 92.6443 802.204 93.542 846.778 94.1513L846.792 93.1514ZM689.454 90.582L689.471 89.5822C672.821 89.3037 656.667 83.7787 643.346 73.7879L642.746 74.5879L642.146 75.3879C655.805 85.632 672.367 91.2964 689.437 91.5819L689.454 90.582ZM642.746 74.5879L643.346 73.7879L617.158 54.1463L616.558 54.9463L615.958 55.7463L642.146 75.3879L642.746 74.5879ZM616.558 54.9463L617.158 54.1463C610.315 49.0146 600.794 44.3536 590.781 40.8906C580.767 37.4267 570.189 35.1361 561.212 34.7908L561.174 35.79L561.135 36.7893C569.864 37.1251 580.244 39.362 590.128 42.7807C600.014 46.2001 609.331 50.7767 615.958 55.7463L616.558 54.9463ZM561.174 35.79L561.208 34.7906L494.726 32.4918L494.691 33.4912L494.657 34.4906L561.139 36.7894L561.174 35.79ZM494.691 33.4912L494.73 32.492L0.0384465 13.4587L0 14.458L-0.0384465 15.4573L494.653 34.4905L494.691 33.4912ZM0 14.458H1V0H0H-1V14.458H0ZM0 0V1H1920V0V-1H0V0ZM1920 0H1919V14.4717H1920H1921V0H1920Z" fill="url(#paint2_linear_148399_571)" mask="url(#path-1-inside-1_148399_571)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_571" x1="960" y1="0" x2="960" y2="93.1514" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_571" x1="960" y1="-54.6369" x2="960" y2="92.7732" gradientUnits="userSpaceOnUse">
+<stop offset="0.263557" stop-color="#1A394D" stop-opacity="0.09"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.13"/>
+</linearGradient>
+<linearGradient id="paint2_linear_148399_571" x1="960" y1="-150.141" x2="960" y2="102.023" gradientUnits="userSpaceOnUse">
+<stop offset="0.599186" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3r-hl98h7j.png b/.figma/image/mmlqps3r-hl98h7j.png
new file mode 100644
index 0000000..19a7dc2
Binary files /dev/null and b/.figma/image/mmlqps3r-hl98h7j.png differ
diff --git a/.figma/image/mmlqps3r-kvhr62j.png b/.figma/image/mmlqps3r-kvhr62j.png
new file mode 100644
index 0000000..349d777
Binary files /dev/null and b/.figma/image/mmlqps3r-kvhr62j.png differ
diff --git a/.figma/image/mmlqps3r-n2g6dgm.png b/.figma/image/mmlqps3r-n2g6dgm.png
new file mode 100644
index 0000000..8cf3e38
Binary files /dev/null and b/.figma/image/mmlqps3r-n2g6dgm.png differ
diff --git a/.figma/image/mmlqps3r-qfrgtcg.png b/.figma/image/mmlqps3r-qfrgtcg.png
new file mode 100644
index 0000000..b43c924
Binary files /dev/null and b/.figma/image/mmlqps3r-qfrgtcg.png differ
diff --git a/.figma/image/mmlqps3r-tcaqxa6.svg b/.figma/image/mmlqps3r-tcaqxa6.svg
new file mode 100644
index 0000000..6458c2a
--- /dev/null
+++ b/.figma/image/mmlqps3r-tcaqxa6.svg
@@ -0,0 +1,16 @@
+<svg width="510" height="58" viewBox="0 0 510 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M509.315 57.5742C509.769 56.2676 510 54.9481 510 53.6172C510 24.0053 395.833 0 255 0C114.167 0 0 24.0053 0 53.6172C4.93584e-05 54.9481 0.231189 56.2676 0.68457 57.5742H509.315Z" fill="url(#paint0_radial_148399_601)"/>
+<path opacity="0.6" d="M378.388 57.5742C379.277 56.2825 379.74 54.9621 379.74 53.6172C379.74 38.8113 323.892 26.8086 255 26.8086C186.108 26.8086 130.26 38.8113 130.26 53.6172C130.26 54.9621 130.723 56.2825 131.612 57.5742H378.388Z" fill="url(#paint1_radial_148399_601)"/>
+<defs>
+<radialGradient id="paint0_radial_148399_601" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(255 53.6168) rotate(-90) scale(53.6168 255)">
+<stop stop-color="#57D6FE"/>
+<stop offset="0.302515" stop-color="#41C8FF"/>
+<stop offset="1" stop-color="#41C8FF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint1_radial_148399_601" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(255 53.6168) rotate(-90) scale(26.8082 124.74)">
+<stop stop-color="#57D6FE"/>
+<stop offset="0.302515" stop-color="#41C8FF"/>
+<stop offset="1" stop-color="#41C8FF" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3r-tmx2h8i.svg b/.figma/image/mmlqps3r-tmx2h8i.svg
new file mode 100644
index 0000000..042d039
--- /dev/null
+++ b/.figma/image/mmlqps3r-tmx2h8i.svg
@@ -0,0 +1,32 @@
+<svg width="120" height="1080" viewBox="0 0 120 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_42_7259" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="18" height="981">
+<path d="M0 0.000107209L9.44444 9.87708e-05L9.44477 362.845L17.0004 421.455L17.0005 558.545L9.445 617.154L9.44532 980L0.000875536 980L0 0.000107209Z" fill="url(#paint0_linear_42_7259)"/>
+</mask>
+<g mask="url(#mask0_42_7259)">
+<path d="M8.94434 0.500099L8.94466 362.878L8.94857 362.909L16.5004 421.487L16.5005 558.511L8.94879 617.091L8.94489 617.122L8.94521 979.5L0.500875 979.5L0.5 0.500107L8.94434 0.500099Z" fill="url(#paint1_linear_42_7259)" stroke="url(#paint2_linear_42_7259)"/>
+</g>
+<path d="M2.00049 363L9.00054 421.538L9.00066 558.462L2.00072 617" stroke="url(#paint3_linear_42_7259)"/>
+<defs>
+<linearGradient id="paint0_linear_42_7259" x1="17.0009" y1="980" x2="17" y2="9.17969e-05" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B3B3B3" stop-opacity="0"/>
+<stop offset="0.490205" stop-color="#B3B3B3"/>
+<stop offset="1" stop-color="#B3B3B3" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_42_7259" x1="25.114" y1="456" x2="-156.097" y2="456.289" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6ECAFF" stop-opacity="0.49"/>
+<stop offset="0.0887552" stop-color="#35A8EB" stop-opacity="0.16"/>
+<stop offset="0.162719" stop-color="#1A394D" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_42_7259" x1="-11.9768" y1="490" x2="17.0004" y2="490" gradientUnits="userSpaceOnUse">
+<stop offset="0.410851" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_42_7259" x1="9.00302" y1="374.141" x2="9.00322" y2="602.363" gradientUnits="userSpaceOnUse">
+<stop offset="0.101566" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.403925" stop-color="#2DCEEE"/>
+<stop offset="0.51094" stop-color="#6DE6FF"/>
+<stop offset="0.628065" stop-color="#2DCEEE"/>
+<stop offset="0.882381" stop-color="#30DCFF" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3r-tv8de2r.svg b/.figma/image/mmlqps3r-tv8de2r.svg
new file mode 100644
index 0000000..09824ac
--- /dev/null
+++ b/.figma/image/mmlqps3r-tv8de2r.svg
@@ -0,0 +1,41 @@
+<svg width="1241" height="28" viewBox="0 0 1241 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_148399_626" fill="white">
+<path d="M322.019 22.177C318.522 26.3241 313.343 28.672 307.923 28.5647C262.145 27.0829 219.593 25.2717 181.484 23.1545C65.0311 16.6849 -0.394645 7.91037 -0.402344 -1.23901H341.438L322.019 22.177ZM1241.6 -1.23901C1241.6 -1.11997 1241.58 -1.00148 1241.56 -0.882568C1239.88 8.13783 1174.65 16.7691 1059.71 23.1545C1027.09 24.9668 991.213 26.5523 952.844 27.9016C947.241 27.9768 941.918 25.4303 938.455 21.01L921.179 -1.23901H1241.6Z"/>
+</mask>
+<path d="M322.019 22.177C318.522 26.3241 313.343 28.672 307.923 28.5647C262.145 27.0829 219.593 25.2717 181.484 23.1545C65.0311 16.6849 -0.394645 7.91037 -0.402344 -1.23901H341.438L322.019 22.177ZM1241.6 -1.23901C1241.6 -1.11997 1241.58 -1.00148 1241.56 -0.882568C1239.88 8.13783 1174.65 16.7691 1059.71 23.1545C1027.09 24.9668 991.213 26.5523 952.844 27.9016C947.241 27.9768 941.918 25.4303 938.455 21.01L921.179 -1.23901H1241.6Z" fill="url(#paint0_linear_148399_626)"/>
+<path d="M322.019 22.177L322.783 22.8216L322.788 22.8154L322.019 22.177ZM307.923 28.5647L307.891 29.5643L307.903 29.5645L307.923 28.5647ZM181.484 23.1545L181.429 24.153L181.484 23.1545ZM-0.402344 -1.23901V-2.23901H-1.40319L-1.40234 -1.23817L-0.402344 -1.23901ZM341.438 -1.23901L342.207 -0.600662L343.566 -2.23901H341.438V-1.23901ZM1241.6 -1.23901H1242.6V-2.23901H1241.6V-1.23901ZM1241.56 -0.882568L1242.54 -0.698909L1242.54 -0.699712L1241.56 -0.882568ZM1059.71 23.1545L1059.77 24.153L1059.71 23.1545ZM952.844 27.9016L952.857 28.9015L952.868 28.9014L952.879 28.901L952.844 27.9016ZM938.455 21.01L937.665 21.6233L937.668 21.6267L938.455 21.01ZM921.179 -1.23901V-2.23901H919.136L920.389 -0.625702L921.179 -1.23901ZM322.019 22.177L321.254 21.5324C317.952 25.4492 313.061 27.6662 307.943 27.5649L307.923 28.5647L307.903 29.5645C313.625 29.6778 319.093 27.1991 322.783 22.8216L322.019 22.177ZM307.923 28.5647L307.955 27.5652C262.184 26.0836 219.64 24.2727 181.54 22.1561L181.484 23.1545L181.429 24.153C219.547 26.2707 262.107 28.0822 307.891 29.5642L307.923 28.5647ZM181.484 23.1545L181.54 22.1561C123.322 18.9218 77.8824 15.1124 47.0069 10.9715C31.5625 8.90024 19.799 6.75065 11.9122 4.55909C7.96108 3.46116 5.04014 2.36788 3.12704 1.2979C2.16988 0.762565 1.51401 0.259732 1.10781 -0.194758C0.706696 -0.643548 0.597869 -0.987099 0.597656 -1.23986L-0.402344 -1.23901L-1.40234 -1.23817C-1.40159 -0.347255 -0.998381 0.449939 -0.383399 1.13802C0.226489 1.82041 1.09076 2.45058 2.15077 3.04344C4.27201 4.22983 7.37352 5.37368 11.3767 6.48608C19.3986 8.71519 31.2713 10.8791 46.741 12.9538C77.6935 17.105 123.194 20.9177 181.429 24.153L181.484 23.1545ZM-0.402344 -1.23901V-0.239014H341.438V-1.23901V-2.23901H-0.402344V-1.23901ZM341.438 -1.23901L340.668 -1.87736L321.249 21.5387L322.019 22.177L322.788 22.8154L342.207 -0.600662L341.438 -1.23901ZM1241.6 -1.23901H1240.6C1240.6 -1.19779 1240.59 -1.14273 1240.58 -1.06542L1241.56 -0.882568L1242.54 -0.699712C1242.57 -0.860224 1242.6 -1.04216 1242.6 -1.23901H1241.6ZM1241.56 -0.882568L1240.58 -1.06623C1240.53 -0.785643 1240.33 -0.402412 1239.82 0.0737814C1239.32 0.54733 1238.56 1.05608 1237.52 1.58828C1235.45 2.65243 1232.39 3.73287 1228.34 4.81466C1220.26 6.97523 1208.4 9.09269 1192.97 11.1327C1162.13 15.2113 1117.12 18.9638 1059.66 22.1561L1059.71 23.1545L1059.77 24.153C1117.24 20.9598 1162.31 17.204 1193.24 13.1155C1208.69 11.072 1220.65 8.94119 1228.86 6.74686C1232.96 5.6512 1236.17 4.52753 1238.43 3.36815C1239.56 2.78859 1240.5 2.18072 1241.19 1.53371C1241.88 0.889335 1242.39 0.148057 1242.54 -0.698909L1241.56 -0.882568ZM1059.71 23.1545L1059.66 22.1561C1027.04 23.9679 991.172 25.5531 952.809 26.9022L952.844 27.9016L952.879 28.901C991.253 27.5515 1027.14 25.9657 1059.77 24.153L1059.71 23.1545ZM952.844 27.9016L952.83 26.9017C947.54 26.9727 942.512 24.5681 939.242 20.3934L938.455 21.01L937.668 21.6267C941.323 26.2926 946.943 28.9809 952.857 28.9015L952.844 27.9016ZM938.455 21.01L939.245 20.3967L921.969 -1.85233L921.179 -1.23901L920.389 -0.625702L937.665 21.6233L938.455 21.01ZM921.179 -1.23901V-0.239014H1241.6V-1.23901V-2.23901H921.179V-1.23901Z" fill="url(#paint1_linear_148399_626)" mask="url(#path-1-inside-1_148399_626)"/>
+<path d="M909.96 11.2578L921.814 25.2578H901L909.96 11.2578Z" fill="url(#paint2_linear_148399_626)"/>
+<path d="M932 25.2578H927.767L915.914 11.2578H920.147L932 25.2578Z" fill="url(#paint3_linear_148399_626)"/>
+<path d="M353.04 11.2578L341.186 25.2578H362L353.04 11.2578Z" fill="url(#paint4_linear_148399_626)"/>
+<path d="M331 25.2578H335.233L347.086 11.2578H342.853L331 25.2578Z" fill="url(#paint5_linear_148399_626)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_626" x1="620.598" y1="-77.6879" x2="620.598" y2="32.1514" gradientUnits="userSpaceOnUse">
+<stop offset="0.522317" stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.56"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_626" x1="620.598" y1="-14.3807" x2="620.598" y2="29.991" gradientUnits="userSpaceOnUse">
+<stop offset="0.599186" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_148399_626" x1="931.612" y1="25.2578" x2="906.061" y2="18.9351" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_148399_626" x1="931.612" y1="25.2578" x2="906.061" y2="18.9351" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_148399_626" x1="331.388" y1="25.2578" x2="356.939" y2="18.9351" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_148399_626" x1="331.388" y1="25.2578" x2="356.939" y2="18.9351" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3r-x3kpikw.svg b/.figma/image/mmlqps3r-x3kpikw.svg
new file mode 100644
index 0000000..a91d96d
--- /dev/null
+++ b/.figma/image/mmlqps3r-x3kpikw.svg
@@ -0,0 +1,9 @@
+<svg width="1920" height="94" viewBox="0 0 1920 94" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1919.5 0.5V18.5049L1397.47 50.1797L1397.47 50.1807C1386.11 50.9501 1373.88 53.6376 1361.79 57.7549C1353.58 60.5539 1345.36 63.5664 1337.13 66.583C1306.11 77.9594 1274.9 89.3937 1242.31 89.917C1235.23 90.0306 1228.18 90.1429 1221.15 90.2529C1099.33 92.1588 1039.91 93.5 960 93.5C875.308 93.5 810.496 91.9931 680.508 89.9043C647.921 89.3806 616.725 77.9493 585.703 66.5762C577.481 63.5617 569.271 60.5521 561.058 57.7549C560.216 57.4682 559.373 57.1877 558.53 56.915C547.27 53.2723 535.949 50.8965 525.387 50.1807L525.384 50.1797L0.5 18.5557V0.5H1919.5Z" stroke="url(#paint0_linear_148399_600)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_600" x1="960" y1="-151.508" x2="960" y2="102.952" gradientUnits="userSpaceOnUse">
+<stop offset="0.782534" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-0eh3dds.svg b/.figma/image/mmlqps3s-0eh3dds.svg
new file mode 100644
index 0000000..8a414de
--- /dev/null
+++ b/.figma/image/mmlqps3s-0eh3dds.svg
@@ -0,0 +1,10 @@
+<svg width="26" height="6" viewBox="0 0 26 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 5.82422L0 5.82422L3.88281 0L7.88281 0L4 5.82422ZM9.88281 5.82422H5.88281L9.76562 0L13.7656 0L9.88281 5.82422ZM15.7656 5.82422H11.7656L15.6484 0L19.6484 0L15.7656 5.82422ZM21.6484 5.82422L17.6484 5.82422L21.5312 0L25.5312 0L21.6484 5.82422Z" fill="url(#paint0_linear_148399_476)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_476" x1="0" y1="3" x2="26" y2="3" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86EBFF" stop-opacity="0.66"/>
+<stop offset="0.30756" stop-color="#31CEFF" stop-opacity="0.27"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-1gdympi.svg b/.figma/image/mmlqps3s-1gdympi.svg
new file mode 100644
index 0000000..fa9f91e
--- /dev/null
+++ b/.figma/image/mmlqps3s-1gdympi.svg
@@ -0,0 +1,24 @@
+<svg width="188" height="188" viewBox="0 0 188 188" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M181 94C181 108.307 177.472 122.394 170.727 135.012C163.983 147.629 154.231 158.389 142.335 166.338C130.439 174.287 116.766 179.179 102.527 180.581C88.2892 181.983 73.9247 179.853 60.7065 174.378C47.4884 168.902 35.8245 160.252 26.7481 149.192C17.6717 138.133 11.4629 125.005 8.67168 110.973C5.88048 96.9405 6.59302 82.4364 10.7462 68.7452C14.8994 55.0541 22.365 42.5985 32.4817 32.4817L57.089 57.089C51.019 63.1591 46.5396 70.6324 44.0477 78.8471C41.5558 87.0618 41.1283 95.7643 42.803 104.184C44.4777 112.603 48.203 120.48 53.6489 127.115C59.0947 133.751 66.093 138.941 74.0239 142.227C81.9548 145.512 90.5735 146.79 99.1165 145.949C107.66 145.107 115.863 142.172 123.001 137.403C130.138 132.634 135.99 126.178 140.036 118.607C144.083 111.036 146.2 102.584 146.2 94H181Z" fill="url(#paint0_linear_55_508)"/>
+<path d="M76.8141 18.9917C94.867 14.8107 113.821 17.2593 130.219 25.8906L118.735 47.7089C107.571 41.8328 94.6673 40.1659 82.3771 43.0122L76.8141 18.9917Z" fill="url(#paint1_linear_55_508)"/>
+<path d="M130.829 20.7361C144.395 27.5556 155.801 38.0076 163.777 50.9278C171.752 63.8479 175.984 78.7287 176 93.9122L146.806 93.9434C146.795 84.1657 144.07 74.5829 138.934 66.2627C133.798 57.9425 126.453 51.2116 117.717 46.8201L130.829 20.7361Z" fill="url(#paint2_linear_55_508)"/>
+<path d="M27.532 27.532C40.0464 15.0176 55.8395 6.29029 73.0943 2.35422L82.3529 42.9421C72.7399 45.1349 63.9412 49.9971 56.9691 56.9692L27.532 27.532Z" fill="url(#paint3_linear_55_508)"/>
+<defs>
+<linearGradient id="paint0_linear_55_508" x1="15" y1="61" x2="148" y2="161" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F0719D"/>
+<stop offset="1" stop-color="#C44F6D"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_508" x1="122.5" y1="37" x2="80" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFE38E"/>
+<stop offset="1" stop-color="#FFCC00"/>
+</linearGradient>
+<linearGradient id="paint2_linear_55_508" x1="161.5" y1="94" x2="128" y2="34" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547DEF"/>
+<stop offset="1" stop-color="#2052E4"/>
+</linearGradient>
+<linearGradient id="paint3_linear_55_508" x1="77" y1="22" x2="42" y2="40.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F8A755"/>
+<stop offset="1" stop-color="#F08F2E"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-1olr640.png b/.figma/image/mmlqps3s-1olr640.png
new file mode 100644
index 0000000..c7b8717
Binary files /dev/null and b/.figma/image/mmlqps3s-1olr640.png differ
diff --git a/.figma/image/mmlqps3s-21mqkhh.svg b/.figma/image/mmlqps3s-21mqkhh.svg
new file mode 100644
index 0000000..39dfa16
--- /dev/null
+++ b/.figma/image/mmlqps3s-21mqkhh.svg
@@ -0,0 +1,16 @@
+<svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0L7 0L0 7L0 0Z" fill="url(#paint0_linear_42_7293)" fill-opacity="0.4"/>
+<path d="M0 0L7 0L0 7L0 0Z" fill="#31DCFF"/>
+<path d="M0 0L7 0L0 7L0 0Z" fill="url(#paint1_linear_42_7293)"/>
+<defs>
+<linearGradient id="paint0_linear_42_7293" x1="3.5" y1="-0.230028" x2="3.5" y2="7" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.4"/>
+<stop offset="0.56502" stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_42_7293" x1="0" y1="0" x2="4" y2="3" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7FEFF"/>
+<stop offset="1" stop-color="#31DBFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-367ovyu.svg b/.figma/image/mmlqps3s-367ovyu.svg
new file mode 100644
index 0000000..26c2221
--- /dev/null
+++ b/.figma/image/mmlqps3s-367ovyu.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.5 11.5H1.20703L11.5 1.20703V11.5Z" stroke="#30DCFF"/>
+</svg>
diff --git a/.figma/image/mmlqps3s-3ch60vn.svg b/.figma/image/mmlqps3s-3ch60vn.svg
new file mode 100644
index 0000000..5fb9ad9
--- /dev/null
+++ b/.figma/image/mmlqps3s-3ch60vn.svg
@@ -0,0 +1,11 @@
+<svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0L7 0L0 7L0 0Z" fill="url(#paint0_linear_42_7273)" fill-opacity="0.4"/>
+<path d="M0 0L7 0L0 7L0 0Z" fill="#31DCFF"/>
+<defs>
+<linearGradient id="paint0_linear_42_7273" x1="3.5" y1="-0.230028" x2="3.5" y2="7" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.4"/>
+<stop offset="0.56502" stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-3u02gjh.svg b/.figma/image/mmlqps3s-3u02gjh.svg
new file mode 100644
index 0000000..2016902
--- /dev/null
+++ b/.figma/image/mmlqps3s-3u02gjh.svg
@@ -0,0 +1,9 @@
+<svg width="445" height="31" viewBox="0 0 445 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M444.47 0V31H58.9229C53.9935 30.9999 49.2795 28.9785 45.8818 25.4072L33.6904 12.5918C30.2927 9.0205 25.5788 6.99905 20.6494 6.99902H6.91406L0 0H444.47Z" fill="url(#paint0_radial_148399_2581)"/>
+<defs>
+<radialGradient id="paint0_radial_148399_2581" cx="0" cy="0" r="1" gradientTransform="matrix(-15.6815 62.4999 -2023.2 -348.873 70.5306 -35.5)" gradientUnits="userSpaceOnUse">
+<stop offset="0.851191" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.63"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-4mtyb8d.svg b/.figma/image/mmlqps3s-4mtyb8d.svg
new file mode 100644
index 0000000..6122055
--- /dev/null
+++ b/.figma/image/mmlqps3s-4mtyb8d.svg
@@ -0,0 +1,43 @@
+<svg width="100" height="32" viewBox="0 0 100 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_42_7310" fill="white">
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z"/>
+</mask>
+<g filter="url(#filter0_i_42_7310)">
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z" fill="url(#paint0_linear_42_7310)" fill-opacity="0.4"/>
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z" fill="url(#paint1_linear_42_7310)"/>
+</g>
+<path d="M100 23L100.707 23.7071L101 23.4142V23H100ZM91 32V33H91.4142L91.7071 32.7071L91 32ZM0 32H-1V33H0L0 32ZM0 9L-0.707107 8.29289L-1 8.58579V9H0ZM9 0V-1L8.58579 -1L8.29289 -0.707107L9 0ZM100 0L101 0V-1L100 -1V0ZM100 23L99.2929 22.2929L90.2929 31.2929L91 32L91.7071 32.7071L100.707 23.7071L100 23ZM91 32V31L0 31L0 32L0 33L91 33V32ZM0 32H1L1 9H0H-1L-1 32H0ZM0 9L0.707107 9.70711L9.70711 0.707107L9 0L8.29289 -0.707107L-0.707107 8.29289L0 9ZM9 0V1L100 1V0V-1L9 -1V0ZM100 0L99 0V23H100H101V0L100 0Z" fill="url(#paint2_radial_42_7310)" mask="url(#path-1-inside-1_42_7310)"/>
+<g clip-path="url(#paint3_diamond_42_7310_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_42_7310)"><g transform="matrix(-0.0635 0 0.0532744 -2872.76 50 15.7531)"><rect x="0" y="0" width="803.155" height="0.00600358" fill="url(#paint3_diamond_42_7310)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="803.155" height="0.00600358" transform="scale(1 -1)" fill="url(#paint3_diamond_42_7310)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="803.155" height="0.00600358" transform="scale(-1 1)" fill="url(#paint3_diamond_42_7310)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="803.155" height="0.00600358" transform="scale(-1)" fill="url(#paint3_diamond_42_7310)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M100 23L100.707 23.7071L101 23.4142V23H100ZM91 32V33H91.4142L91.7071 32.7071L91 32ZM0 32H-1V33H0L0 32ZM0 9L-0.707107 8.29289L-1 8.58579V9H0ZM9 0V-1L8.58579 -1L8.29289 -0.707107L9 0ZM100 0L101 0V-1L100 -1V0ZM100 23L99.2929 22.2929L90.2929 31.2929L91 32L91.7071 32.7071L100.707 23.7071L100 23ZM91 32V31L0 31L0 32L0 33L91 33V32ZM0 32H1L1 9H0H-1L-1 32H0ZM0 9L0.707107 9.70711L9.70711 0.707107L9 0L8.29289 -0.707107L-0.707107 8.29289L0 9ZM9 0V1L100 1V0V-1L9 -1V0ZM100 0L99 0V23H100H101V0L100 0Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.67500001192092896,&#34;g&#34;:0.94504863023757935,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.29712498188018799},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.80609583854675293},{&#34;color&#34;:{&#34;r&#34;:0.67450982332229614,&#34;g&#34;:0.94509804248809814,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-127.0,&#34;m01&#34;:106.54871368408203,&#34;m02&#34;:60.225646972656250,&#34;m10&#34;:-7.7972822642990991e-10,&#34;m11&#34;:-5745521.50,&#34;m12&#34;:2872776.50},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_42_7310)"/>
+<defs>
+<filter id="filter0_i_42_7310" x="0" y="0" width="100" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.109253 0 0 0 0 0.771681 0 0 0 0 0.904167 0 0 0 0.67 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_42_7310"/>
+</filter>
+<clipPath id="paint3_diamond_42_7310_clip_path"><path d="M100 23L100.707 23.7071L101 23.4142V23H100ZM91 32V33H91.4142L91.7071 32.7071L91 32ZM0 32H-1V33H0L0 32ZM0 9L-0.707107 8.29289L-1 8.58579V9H0ZM9 0V-1L8.58579 -1L8.29289 -0.707107L9 0ZM100 0L101 0V-1L100 -1V0ZM100 23L99.2929 22.2929L90.2929 31.2929L91 32L91.7071 32.7071L100.707 23.7071L100 23ZM91 32V31L0 31L0 32L0 33L91 33V32ZM0 32H1L1 9H0H-1L-1 32H0ZM0 9L0.707107 9.70711L9.70711 0.707107L9 0L8.29289 -0.707107L-0.707107 8.29289L0 9ZM9 0V1L100 1V0V-1L9 -1V0ZM100 0L99 0V23H100H101V0L100 0Z" mask="url(#path-1-inside-1_42_7310)"/></clipPath><linearGradient id="paint0_linear_42_7310" x1="50" y1="-1.05156" x2="50" y2="32" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.46"/>
+<stop offset="0.56502" stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.46"/>
+</linearGradient>
+<linearGradient id="paint1_linear_42_7310" x1="50" y1="-2.89916" x2="50" y2="32" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1F76A8" stop-opacity="0.24"/>
+<stop offset="0.511915" stop-color="#15547D" stop-opacity="0.24"/>
+<stop offset="1" stop-color="#1F76A8" stop-opacity="0.24"/>
+</linearGradient>
+<radialGradient id="paint2_radial_42_7310" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(50 17.3731) rotate(-90) scale(23.6596 73.9362)">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint3_diamond_42_7310" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ACF1FF"/>
+<stop offset="0.297125" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.806096" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#ACF1FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-4rh24ka.svg b/.figma/image/mmlqps3s-4rh24ka.svg
new file mode 100644
index 0000000..7bacb35
--- /dev/null
+++ b/.figma/image/mmlqps3s-4rh24ka.svg
@@ -0,0 +1,36 @@
+<svg width="145" height="12" viewBox="0 0 145 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 5.5C0 4.11929 1.11929 3 2.5 3H136.5C137.881 3 139 4.11929 139 5.5C139 6.88071 137.881 8 136.5 8H2.5C1.11928 8 0 6.88071 0 5.5Z" fill="url(#paint0_linear_55_442)"/>
+<g filter="url(#filter0_d_55_442)">
+<circle cx="139" cy="6" r="6" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="139" cy="6" r="5.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter1_d_55_442)">
+<circle cx="139" cy="6" r="4" fill="#00FFFF"/>
+</g>
+<defs>
+<filter id="filter0_d_55_442" x="129" y="-4" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_442"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_442" result="shape"/>
+</filter>
+<filter id="filter1_d_55_442" x="131" y="-2" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_442"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_442" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_55_442" x1="0" y1="5.49999" x2="139" y2="5.49999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-5pousiz.svg b/.figma/image/mmlqps3s-5pousiz.svg
new file mode 100644
index 0000000..a47ec2a
--- /dev/null
+++ b/.figma/image/mmlqps3s-5pousiz.svg
@@ -0,0 +1,19 @@
+<svg width="451" height="31" viewBox="0 0 451 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_148399_2574" fill="white">
+<path d="M450.999 0V31H66.6396C61.701 31 56.9789 28.9707 53.5801 25.3877L41.4609 12.6113C38.0621 9.02822 33.3401 6.99902 28.4014 6.99902H0V0H450.999Z"/>
+</mask>
+<path d="M450.999 0V31H66.6396C61.701 31 56.9789 28.9707 53.5801 25.3877L41.4609 12.6113C38.0621 9.02822 33.3401 6.99902 28.4014 6.99902H0V0H450.999Z" fill="url(#paint0_linear_148399_2574)"/>
+<path d="M450.999 0H451.999V-1H450.999V0ZM450.999 31V32H451.999V31H450.999ZM53.5801 25.3877L52.8546 26.0759L52.8546 26.0759L53.5801 25.3877ZM41.4609 12.6113L42.1865 11.9231L42.1865 11.9231L41.4609 12.6113ZM0 6.99902H-1V7.99902H0V6.99902ZM0 0V-1H-1V0H0ZM450.999 0H449.999V31H450.999H451.999V0H450.999ZM450.999 31V30H66.6396V31V32H450.999V31ZM66.6396 31V30C61.9754 30 57.5156 28.0835 54.3056 24.6995L53.5801 25.3877L52.8546 26.0759C56.4422 29.858 61.4266 32 66.6396 32V31ZM53.5801 25.3877L54.3056 24.6995L42.1865 11.9231L41.4609 12.6113L40.7354 13.2995L52.8546 26.0759L53.5801 25.3877ZM41.4609 12.6113L42.1865 11.9231C38.5988 8.14094 33.6144 5.99902 28.4014 5.99902V6.99902V7.99902C33.0657 7.99902 37.5254 9.9155 40.7354 13.2995L41.4609 12.6113ZM28.4014 6.99902V5.99902H0V6.99902V7.99902H28.4014V6.99902ZM0 6.99902H1V0H0H-1V6.99902H0ZM0 0V1H450.999V0V-1H0V0Z" fill="url(#paint1_linear_148399_2574)" mask="url(#path-1-inside-1_148399_2574)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_2574" x1="451.001" y1="9.49998" x2="2.19874" y2="9.49995" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0.1"/>
+<stop offset="0.483339" stop-color="#35A8EB" stop-opacity="0.12"/>
+<stop offset="0.73693" stop-color="#30C1FF" stop-opacity="0.43"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.12"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_2574" x1="39.2417" y1="24" x2="41.5791" y2="13.6974" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-6j37q6i.svg b/.figma/image/mmlqps3s-6j37q6i.svg
new file mode 100644
index 0000000..68a275e
--- /dev/null
+++ b/.figma/image/mmlqps3s-6j37q6i.svg
@@ -0,0 +1,18 @@
+<svg width="210" height="120" viewBox="0 0 210 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 0.5H205C207.485 0.5 209.5 2.51472 209.5 5V114.794L204.827 119.5H5.17285L0.5 114.794V5C0.5 2.51472 2.51472 0.5 5 0.5Z" fill="url(#paint0_linear_55_544)" stroke="url(#paint1_linear_55_544)"/>
+<path d="M88.1079 113H121.892L125.27 119H84.7295L88.1079 113Z" fill="#FFA600"/>
+<path d="M32.027 119H65.8108L67.8378 117H30L32.027 119Z" fill="#FFA600"/>
+<path d="M144.189 119H177.973L180 117H142.162L144.189 119Z" fill="#FFA600"/>
+<path d="M135.406 113H128.649L132.027 119H138.784L135.406 113Z" fill="#FFD88F"/>
+<path d="M74.5942 113H81.351L77.9726 119H71.2158L74.5942 113Z" fill="#FFD88F"/>
+<defs>
+<linearGradient id="paint0_linear_55_544" x1="213.475" y1="0" x2="213.475" y2="120" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_544" x1="213.475" y1="120" x2="213.475" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-6ucf199.svg b/.figma/image/mmlqps3s-6ucf199.svg
new file mode 100644
index 0000000..a0780d9
--- /dev/null
+++ b/.figma/image/mmlqps3s-6ucf199.svg
@@ -0,0 +1,10 @@
+<svg width="26" height="6" viewBox="0 0 26 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 5.82422L0 5.82422L3.88281 0L7.88281 0L4 5.82422ZM9.88281 5.82422H5.88281L9.76562 0L13.7656 0L9.88281 5.82422ZM15.7656 5.82422H11.7656L15.6484 0L19.6484 0L15.7656 5.82422ZM21.6484 5.82422L17.6484 5.82422L21.5312 0L25.5312 0L21.6484 5.82422Z" fill="url(#paint0_linear_148399_470)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_470" x1="25.4758" y1="2.7589" x2="-2.68167" y2="2.7589" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86EBFF" stop-opacity="0.66"/>
+<stop offset="0.30756" stop-color="#31CEFF" stop-opacity="0.27"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-8z4jn2x.svg b/.figma/image/mmlqps3s-8z4jn2x.svg
new file mode 100644
index 0000000..335a20a
--- /dev/null
+++ b/.figma/image/mmlqps3s-8z4jn2x.svg
@@ -0,0 +1,43 @@
+<svg width="100" height="32" viewBox="0 0 100 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_42_7269" fill="white">
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z"/>
+</mask>
+<g filter="url(#filter0_i_42_7269)">
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z" fill="url(#paint0_linear_42_7269)" fill-opacity="0.4"/>
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z" fill="url(#paint1_linear_42_7269)"/>
+</g>
+<path d="M100 23L100.707 23.7071L101 23.4142V23H100ZM91 32V33H91.4142L91.7071 32.7071L91 32ZM0 32H-1V33H0L0 32ZM0 9L-0.707107 8.29289L-1 8.58579V9H0ZM9 0V-1L8.58579 -1L8.29289 -0.707107L9 0ZM100 0L101 0V-1L100 -1V0ZM100 23L99.2929 22.2929L90.2929 31.2929L91 32L91.7071 32.7071L100.707 23.7071L100 23ZM91 32V31L0 31L0 32L0 33L91 33V32ZM0 32H1L1 9H0H-1L-1 32H0ZM0 9L0.707107 9.70711L9.70711 0.707107L9 0L8.29289 -0.707107L-0.707107 8.29289L0 9ZM9 0V1L100 1V0V-1L9 -1V0ZM100 0L99 0V23H100H101V0L100 0Z" fill="url(#paint2_radial_42_7269)" mask="url(#path-1-inside-1_42_7269)"/>
+<g clip-path="url(#paint3_diamond_42_7269_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_42_7269)"><g transform="matrix(-0.0635 0 0.0532744 -2872.76 50 15.7531)"><rect x="0" y="0" width="803.155" height="0.00600358" fill="url(#paint3_diamond_42_7269)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="803.155" height="0.00600358" transform="scale(1 -1)" fill="url(#paint3_diamond_42_7269)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="803.155" height="0.00600358" transform="scale(-1 1)" fill="url(#paint3_diamond_42_7269)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="803.155" height="0.00600358" transform="scale(-1)" fill="url(#paint3_diamond_42_7269)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M100 23L100.707 23.7071L101 23.4142V23H100ZM91 32V33H91.4142L91.7071 32.7071L91 32ZM0 32H-1V33H0L0 32ZM0 9L-0.707107 8.29289L-1 8.58579V9H0ZM9 0V-1L8.58579 -1L8.29289 -0.707107L9 0ZM100 0L101 0V-1L100 -1V0ZM100 23L99.2929 22.2929L90.2929 31.2929L91 32L91.7071 32.7071L100.707 23.7071L100 23ZM91 32V31L0 31L0 32L0 33L91 33V32ZM0 32H1L1 9H0H-1L-1 32H0ZM0 9L0.707107 9.70711L9.70711 0.707107L9 0L8.29289 -0.707107L-0.707107 8.29289L0 9ZM9 0V1L100 1V0V-1L9 -1V0ZM100 0L99 0V23H100H101V0L100 0Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.67500001192092896,&#34;g&#34;:0.94504863023757935,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.29712498188018799},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.80609583854675293},{&#34;color&#34;:{&#34;r&#34;:0.67450982332229614,&#34;g&#34;:0.94509804248809814,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-127.0,&#34;m01&#34;:106.54871368408203,&#34;m02&#34;:60.225646972656250,&#34;m10&#34;:-7.7972822642990991e-10,&#34;m11&#34;:-5745521.50,&#34;m12&#34;:2872776.50},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_42_7269)"/>
+<defs>
+<filter id="filter0_i_42_7269" x="0" y="0" width="100" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.109253 0 0 0 0 0.771681 0 0 0 0 0.904167 0 0 0 0.67 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_42_7269"/>
+</filter>
+<clipPath id="paint3_diamond_42_7269_clip_path"><path d="M100 23L100.707 23.7071L101 23.4142V23H100ZM91 32V33H91.4142L91.7071 32.7071L91 32ZM0 32H-1V33H0L0 32ZM0 9L-0.707107 8.29289L-1 8.58579V9H0ZM9 0V-1L8.58579 -1L8.29289 -0.707107L9 0ZM100 0L101 0V-1L100 -1V0ZM100 23L99.2929 22.2929L90.2929 31.2929L91 32L91.7071 32.7071L100.707 23.7071L100 23ZM91 32V31L0 31L0 32L0 33L91 33V32ZM0 32H1L1 9H0H-1L-1 32H0ZM0 9L0.707107 9.70711L9.70711 0.707107L9 0L8.29289 -0.707107L-0.707107 8.29289L0 9ZM9 0V1L100 1V0V-1L9 -1V0ZM100 0L99 0V23H100H101V0L100 0Z" mask="url(#path-1-inside-1_42_7269)"/></clipPath><linearGradient id="paint0_linear_42_7269" x1="50" y1="-1.05156" x2="50" y2="32" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.46"/>
+<stop offset="0.56502" stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.46"/>
+</linearGradient>
+<linearGradient id="paint1_linear_42_7269" x1="50" y1="-2.89916" x2="50" y2="32" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1F76A8" stop-opacity="0.24"/>
+<stop offset="0.511915" stop-color="#15547D" stop-opacity="0.24"/>
+<stop offset="1" stop-color="#1F76A8" stop-opacity="0.24"/>
+</linearGradient>
+<radialGradient id="paint2_radial_42_7269" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(50 17.3731) rotate(-90) scale(23.6596 73.9362)">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint3_diamond_42_7269" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ACF1FF"/>
+<stop offset="0.297125" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.806096" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#ACF1FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-92hg91j.svg b/.figma/image/mmlqps3s-92hg91j.svg
new file mode 100644
index 0000000..06a66c1
--- /dev/null
+++ b/.figma/image/mmlqps3s-92hg91j.svg
@@ -0,0 +1,24 @@
+<svg width="70" height="20" viewBox="0 0 70 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M55 0H45L60 20H70L55 0Z" fill="url(#paint0_linear_55_536)"/>
+<path d="M40 0H30L45 20H55L40 0Z" fill="url(#paint1_linear_55_536)"/>
+<path d="M25 0H15L30 20H40L25 0Z" fill="url(#paint2_linear_55_536)"/>
+<path d="M10 0H0L15 20H25L10 0Z" fill="url(#paint3_linear_55_536)"/>
+<defs>
+<linearGradient id="paint0_linear_55_536" x1="70" y1="20" x2="3" y2="1.21338e-06" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_536" x1="70" y1="20" x2="3" y2="1.21338e-06" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint2_linear_55_536" x1="70" y1="20" x2="3" y2="1.21338e-06" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint3_linear_55_536" x1="70" y1="20" x2="3" y2="1.21338e-06" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-9v7mm5w.svg b/.figma/image/mmlqps3s-9v7mm5w.svg
new file mode 100644
index 0000000..c3505a3
--- /dev/null
+++ b/.figma/image/mmlqps3s-9v7mm5w.svg
@@ -0,0 +1,11 @@
+<svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0L7 0L0 7L0 0Z" fill="url(#paint0_linear_42_7314)" fill-opacity="0.4"/>
+<path d="M0 0L7 0L0 7L0 0Z" fill="#31DCFF"/>
+<defs>
+<linearGradient id="paint0_linear_42_7314" x1="3.5" y1="-0.230028" x2="3.5" y2="7" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.4"/>
+<stop offset="0.56502" stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-aa42bbm.png b/.figma/image/mmlqps3s-aa42bbm.png
new file mode 100644
index 0000000..21ea114
Binary files /dev/null and b/.figma/image/mmlqps3s-aa42bbm.png differ
diff --git a/.figma/image/mmlqps3s-cfc75id.svg b/.figma/image/mmlqps3s-cfc75id.svg
new file mode 100644
index 0000000..00171d6
--- /dev/null
+++ b/.figma/image/mmlqps3s-cfc75id.svg
@@ -0,0 +1,9 @@
+<svg width="224" height="5" viewBox="0 0 224 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H221.5C222.881 0 224 1.11929 224 2.5C224 3.88071 222.881 5 221.5 5H2.5C1.11929 5 0 3.88071 0 2.5Z" fill="url(#paint0_linear_55_417)"/>
+<defs>
+<linearGradient id="paint0_linear_55_417" x1="0" y1="2.49999" x2="224" y2="2.49999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-detnpl0.svg b/.figma/image/mmlqps3s-detnpl0.svg
new file mode 100644
index 0000000..ec02b14
--- /dev/null
+++ b/.figma/image/mmlqps3s-detnpl0.svg
@@ -0,0 +1,40 @@
+<svg width="450" height="314" viewBox="0 0 450 314" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.8">
+<mask id="path-1-inside-1_148399_1331" fill="white">
+<path d="M450 0V300L436 314H0V0H450Z"/>
+</mask>
+<path d="M450 0V300L436 314H0V0H450Z" fill="url(#paint0_radial_148399_1331)"/>
+<path d="M450 0V300L436 314H0V0H450Z" fill="url(#paint1_radial_148399_1331)"/>
+<path d="M450 0V300L436 314H0V0H450Z" fill="url(#paint2_linear_148399_1331)"/>
+<path d="M450 0H451V-1H450V0ZM450 300L450.707 300.707L451 300.414V300H450ZM436 314V315H436.414L436.707 314.707L436 314ZM0 314H-1V315H0V314ZM0 0V-1H-1V0H0ZM450 0H449V300H450H451V0H450ZM450 300L449.293 299.293L435.293 313.293L436 314L436.707 314.707L450.707 300.707L450 300ZM436 314V313H0V314V315H436V314ZM0 314H1V0H0H-1V314H0ZM0 0V1H450V0V-1H0V0Z" fill="url(#paint3_linear_148399_1331)" mask="url(#path-1-inside-1_148399_1331)"/>
+<path d="M450 0H451V-1H450V0ZM450 300L450.707 300.707L451 300.414V300H450ZM436 314V315H436.414L436.707 314.707L436 314ZM0 314H-1V315H0V314ZM0 0V-1H-1V0H0ZM450 0H449V300H450H451V0H450ZM450 300L449.293 299.293L435.293 313.293L436 314L436.707 314.707L450.707 300.707L450 300ZM436 314V313H0V314V315H436V314ZM0 314H1V0H0H-1V314H0ZM0 0V1H450V0V-1H0V0Z" fill="url(#paint4_linear_148399_1331)" style="mix-blend-mode:plus-lighter" mask="url(#path-1-inside-1_148399_1331)"/>
+<path d="M450 0H451V-1H450V0ZM450 300L450.707 300.707L451 300.414V300H450ZM436 314V315H436.414L436.707 314.707L436 314ZM0 314H-1V315H0V314ZM0 0V-1H-1V0H0ZM450 0H449V300H450H451V0H450ZM450 300L449.293 299.293L435.293 313.293L436 314L436.707 314.707L450.707 300.707L450 300ZM436 314V313H0V314V315H436V314ZM0 314H1V0H0H-1V314H0ZM0 0V1H450V0V-1H0V0Z" fill="url(#paint5_linear_148399_1331)" mask="url(#path-1-inside-1_148399_1331)"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_148399_1331" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225 157.683) rotate(-90) scale(156.317 225)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D"/>
+</radialGradient>
+<radialGradient id="paint1_radial_148399_1331" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225 156.999) rotate(-90) scale(157 225)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint2_linear_148399_1331" x1="424.125" y1="238.913" x2="459.732" y2="309.06" gradientUnits="userSpaceOnUse">
+<stop offset="0.0104167" stop-color="#2A5470" stop-opacity="0"/>
+<stop offset="0.291568" stop-color="#2A5470" stop-opacity="0.01"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.43"/>
+</linearGradient>
+<linearGradient id="paint3_linear_148399_1331" x1="225" y1="314" x2="225" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4FDFFD" stop-opacity="0.49"/>
+<stop offset="1" stop-color="#CBF2FA" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_148399_1331" x1="437.625" y1="294.204" x2="414.551" y2="251.106" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_148399_1331" x1="1.04956e-05" y1="314" x2="32.3065" y2="289.551" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-df2o7wa.svg b/.figma/image/mmlqps3s-df2o7wa.svg
new file mode 100644
index 0000000..7289c64
--- /dev/null
+++ b/.figma/image/mmlqps3s-df2o7wa.svg
@@ -0,0 +1,9 @@
+<svg width="183" height="5" viewBox="0 0 183 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H180.5C181.881 0 183 1.11929 183 2.5C183 3.88071 181.881 5 180.5 5H2.5C1.11929 5 0 3.88071 0 2.5Z" fill="url(#paint0_linear_55_425)"/>
+<defs>
+<linearGradient id="paint0_linear_55_425" x1="0" y1="2.49999" x2="183" y2="2.49999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-e1trtsv.png b/.figma/image/mmlqps3s-e1trtsv.png
new file mode 100644
index 0000000..1622ee9
Binary files /dev/null and b/.figma/image/mmlqps3s-e1trtsv.png differ
diff --git a/.figma/image/mmlqps3s-e3b5jwf.svg b/.figma/image/mmlqps3s-e3b5jwf.svg
new file mode 100644
index 0000000..88e4b824
--- /dev/null
+++ b/.figma/image/mmlqps3s-e3b5jwf.svg
@@ -0,0 +1,10 @@
+<svg width="26" height="6" viewBox="0 0 26 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 5.82422L0 5.82422L3.88281 0L7.88281 0L4 5.82422ZM9.88281 5.82422H5.88281L9.76562 0L13.7656 0L9.88281 5.82422ZM15.7656 5.82422H11.7656L15.6484 0L19.6484 0L15.7656 5.82422ZM21.6484 5.82422L17.6484 5.82422L21.5312 0L25.5312 0L21.6484 5.82422Z" fill="url(#paint0_linear_42_7296)"/>
+<defs>
+<linearGradient id="paint0_linear_42_7296" x1="25.4758" y1="2.7589" x2="-2.68167" y2="2.7589" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BEF4FF"/>
+<stop offset="0.30756" stop-color="#68DBFF" stop-opacity="0.52"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-ei8whnv.svg b/.figma/image/mmlqps3s-ei8whnv.svg
new file mode 100644
index 0000000..a737f40
--- /dev/null
+++ b/.figma/image/mmlqps3s-ei8whnv.svg
@@ -0,0 +1,39 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_55_408)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30 0C46.5685 0 60 13.4315 60 30C60 46.5685 46.5685 60 30 60C13.4315 60 0 46.5685 0 30C0 13.4315 13.4315 0 30 0Z" fill="#655100" fill-opacity="0.3"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30 0C46.5685 0 60 13.4315 60 30C60 46.5685 46.5685 60 30 60C13.4315 60 0 46.5685 0 30C0 13.4315 13.4315 0 30 0Z" stroke="url(#paint0_linear_55_408)"/>
+<g filter="url(#filter1_d_55_408)">
+<path d="M18.8238 43.9863V33.1553C18.8238 26.6764 23.9296 21.4219 30.2324 21.4219C36.5352 21.4219 41.641 26.6765 41.641 33.1553V43.9863H45.5355C46.3443 43.9863 47 44.6609 47 45.4931C47 46.3253 46.3443 47 45.5355 47H14.4645C13.6556 47 13 46.3253 13 45.4931C13 44.6609 13.6556 43.9863 14.4645 43.9863H18.8238ZM31.0583 26.1503L25.4309 35.6829H29.9315L28.8047 42.8324L34.4321 33.2998H29.9314L31.0583 26.1503ZM39.6883 15.6789C40.2166 15.9952 40.3972 16.6934 40.0929 17.2367L38.07 20.8545L36.1574 19.7161L38.1803 16.0984C38.4812 15.5551 39.1566 15.3694 39.6816 15.6789H39.6883ZM30.2291 13C30.8912 13 31.4261 13.5124 31.4261 14.1486V18.2477H29.0321V14.1452C29.032 13.5124 29.567 13 30.2291 13ZM20.7766 15.6789C21.3016 15.366 21.9769 15.5516 22.2813 16.0916C22.2813 16.0916 22.2813 16.095 22.2846 16.095L24.3075 19.7127L22.3949 20.851L20.372 17.2333C20.0678 16.6899 20.2483 15.9952 20.7766 15.6789ZM13.8551 22.8284C14.1561 22.285 14.8315 22.0958 15.3598 22.4088C15.3598 22.4088 15.3631 22.4088 15.3631 22.4122L18.8673 24.5031L17.7639 26.477L14.2597 24.3827C13.7314 24.0698 13.5508 23.3717 13.8551 22.8284ZM46.6097 22.8284C46.914 23.3717 46.7334 24.0698 46.2051 24.3861L42.7009 26.4736L41.5975 24.4997L45.1017 22.4088C45.6266 22.0959 46.302 22.2816 46.6063 22.8215C46.6063 22.8249 46.6097 22.825 46.6097 22.8284Z" fill="url(#paint1_linear_55_408)"/>
+</g>
+<defs>
+<filter id="filter0_i_55_408" x="-0.5" y="-0.5" width="61" height="61" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="10"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.202036 0 0 0 0 0.451923 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_55_408"/>
+</filter>
+<filter id="filter1_d_55_408" x="3" y="3" width="54" height="54" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.996078 0 0 0 0 0.94902 0 0 0 0 0.74902 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_408"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_408" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_55_408" x1="30" y1="0" x2="30" y2="60" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEF2BF"/>
+<stop offset="1" stop-color="#655100"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_408" x1="30" y1="13" x2="30" y2="47" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#FEF2BF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-f7l9dt5.svg b/.figma/image/mmlqps3s-f7l9dt5.svg
new file mode 100644
index 0000000..b76ab19
--- /dev/null
+++ b/.figma/image/mmlqps3s-f7l9dt5.svg
@@ -0,0 +1,10 @@
+<svg width="26" height="6" viewBox="0 0 26 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 5.82422L0 5.82422L3.88281 0L7.88281 0L4 5.82422ZM9.88281 5.82422H5.88281L9.76562 0L13.7656 0L9.88281 5.82422ZM15.7656 5.82422H11.7656L15.6484 0L19.6484 0L15.7656 5.82422ZM21.6484 5.82422L17.6484 5.82422L21.5312 0L25.5312 0L21.6484 5.82422Z" fill="url(#paint0_linear_42_7276)"/>
+<defs>
+<linearGradient id="paint0_linear_42_7276" x1="25.4758" y1="2.7589" x2="-2.68167" y2="2.7589" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86EBFF" stop-opacity="0.66"/>
+<stop offset="0.30756" stop-color="#31CEFF" stop-opacity="0.27"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-fd6xfsp.svg b/.figma/image/mmlqps3s-fd6xfsp.svg
new file mode 100644
index 0000000..80d054b
--- /dev/null
+++ b/.figma/image/mmlqps3s-fd6xfsp.svg
@@ -0,0 +1,22 @@
+<svg width="375" height="35" viewBox="0 0 375 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_148399_758" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="35">
+<path d="M0 35H375V0H0V35Z" fill="url(#paint0_linear_148399_758)"/>
+</mask>
+<g mask="url(#mask0_148399_758)">
+<mask id="path-2-inside-1_148399_758" fill="white">
+<path d="M448.999 4V35H64.1846C59.2494 35 54.5303 32.9741 51.1318 29.3955L38.9854 16.6045C35.5869 13.0258 30.8678 10.999 25.9326 10.999H7.43066L0.529297 4H448.999Z"/>
+</mask>
+<path d="M448.999 4H449.999V3H448.999V4ZM448.999 35V36H449.999V35H448.999ZM51.1318 29.3955L50.4067 30.0841L50.4067 30.0841L51.1318 29.3955ZM38.9854 16.6045L39.7105 15.9159L39.7105 15.9159L38.9854 16.6045ZM7.43066 10.999L6.71861 11.7011L7.01233 11.999H7.43066V10.999ZM0.529297 4V3H-1.86113L-0.18276 4.70212L0.529297 4ZM448.999 4H447.999V35H448.999H449.999V4H448.999ZM448.999 35V34H64.1846V35V36H448.999V35ZM64.1846 35V34C59.5235 34 55.0665 32.0866 51.857 28.7069L51.1318 29.3955L50.4067 30.0841C53.994 33.8616 58.9754 36 64.1846 36V35ZM51.1318 29.3955L51.857 28.7069L39.7105 15.9159L38.9854 16.6045L38.2602 17.2931L50.4067 30.0841L51.1318 29.3955ZM38.9854 16.6045L39.7105 15.9159C36.1233 12.1385 31.142 9.99902 25.9326 9.99902V10.999V11.999C30.5936 11.999 35.0506 13.9132 38.2602 17.2931L38.9854 16.6045ZM25.9326 10.999V9.99902H7.43066V10.999V11.999H25.9326V10.999ZM7.43066 10.999L8.14272 10.2969L1.24135 3.29788L0.529297 4L-0.18276 4.70212L6.71861 11.7011L7.43066 10.999ZM0.529297 4V5H448.999V4V3H0.529297V4Z" fill="url(#paint1_linear_148399_758)" mask="url(#path-2-inside-1_148399_758)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_148399_758" x1="375" y1="17.5" x2="39.7896" y2="28.707" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30C1FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_758" x1="46.7439" y1="30.5" x2="46.6784" y2="7.49845" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="0.897012" stop-color="#30DCFF"/>
+<stop offset="0.897135" stop-color="#35A8EB" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-g57ta4h.svg b/.figma/image/mmlqps3s-g57ta4h.svg
new file mode 100644
index 0000000..3e587ab
--- /dev/null
+++ b/.figma/image/mmlqps3s-g57ta4h.svg
@@ -0,0 +1,9 @@
+<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.38477 0.00195312L4.96289 5L2.38477 9.99707L0.0888672 9.99414L2.63379 5.08301L0 0L2.38477 0.00195312ZM9.42188 0.00195312L12 5L9.42188 9.99707L7.12598 9.99414L9.6709 5.08301L7.03711 0L9.42188 0.00195312Z" fill="url(#paint0_linear_148399_805)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_805" x1="14.85" y1="14.4958" x2="-0.416546" y2="14.2387" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-i11hf9u.svg b/.figma/image/mmlqps3s-i11hf9u.svg
new file mode 100644
index 0000000..812db46
--- /dev/null
+++ b/.figma/image/mmlqps3s-i11hf9u.svg
@@ -0,0 +1,16 @@
+<svg width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6666 14L8.4666 0L0 14H19.6666Z" fill="url(#paint0_linear_148399_803)"/>
+<path d="M25.6668 14H29.6668L18.4668 0H14.4668L25.6668 14Z" fill="url(#paint1_linear_148399_803)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_803" x1="28" y1="14" x2="4.22498" y2="8.11014" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_803" x1="28" y1="14" x2="4.22498" y2="8.11014" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-iisuul0.svg b/.figma/image/mmlqps3s-iisuul0.svg
new file mode 100644
index 0000000..fdc3e3d
--- /dev/null
+++ b/.figma/image/mmlqps3s-iisuul0.svg
@@ -0,0 +1,9 @@
+<svg width="89" height="89" viewBox="0 0 89 89" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.2392 6.08852C23.2818 8.17579 18.8288 11.1763 15.0108 14.9944C11.184 18.8124 8.18354 23.2654 6.08749 28.214C3.91319 33.3366 2.81738 38.781 2.81738 44.3907C2.81738 50.009 3.91319 55.4534 6.08749 60.5761C8.18354 65.5248 11.184 69.969 15.0108 73.787C18.8288 77.6051 23.2818 80.6056 28.2392 82.7016C33.3705 84.8672 38.8235 85.9631 44.4419 85.9631C50.0602 85.9631 55.5134 84.8672 60.6447 82.7016C65.6021 80.6056 70.055 77.6051 73.8731 73.787C77.6998 69.969 80.7003 65.5248 82.7964 60.5761C84.9619 55.4534 86.0665 50.009 86.0665 44.3907C86.0665 38.781 84.9619 33.3366 82.7964 28.214C80.7003 23.2654 77.6998 18.8124 73.8731 14.9944C70.055 11.1763 65.6021 8.17579 60.6447 6.08852C55.5134 3.91421 50.0602 2.81836 44.4419 2.81836C38.8235 2.81836 33.3705 3.91421 28.2392 6.08852ZM44.4424 88.7805C68.9857 88.7805 88.8848 68.9075 88.8848 44.3902C88.8848 19.873 68.9857 0 44.4424 0C19.8991 0 0 19.873 0 44.3902C0 68.9075 19.8991 88.7805 44.4424 88.7805Z" fill="url(#paint0_linear_55_514)"/>
+<defs>
+<linearGradient id="paint0_linear_55_514" x1="0" y1="0" x2="0" y2="88.7805" gradientUnits="userSpaceOnUse">
+<stop stop-color="#23E1FF"/>
+<stop offset="1" stop-color="#0072FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-ijdvcel.svg b/.figma/image/mmlqps3s-ijdvcel.svg
new file mode 100644
index 0000000..1150c6e
--- /dev/null
+++ b/.figma/image/mmlqps3s-ijdvcel.svg
@@ -0,0 +1,9 @@
+<svg width="445" height="31" viewBox="0 0 445 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M444.47 0V31H58.9229C53.9935 30.9999 49.2795 28.9785 45.8818 25.4072L33.6904 12.5918C30.2927 9.0205 25.5788 6.99905 20.6494 6.99902H6.91406L0 0H444.47Z" fill="url(#paint0_radial_148399_1353)"/>
+<defs>
+<radialGradient id="paint0_radial_148399_1353" cx="0" cy="0" r="1" gradientTransform="matrix(-15.6815 62.4999 -2023.2 -348.873 70.5306 -35.5)" gradientUnits="userSpaceOnUse">
+<stop offset="0.851191" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.63"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-imrha57.svg b/.figma/image/mmlqps3s-imrha57.svg
new file mode 100644
index 0000000..a03165b
--- /dev/null
+++ b/.figma/image/mmlqps3s-imrha57.svg
@@ -0,0 +1,10 @@
+<svg width="26" height="6" viewBox="0 0 26 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 5.82422L0 5.82422L3.88281 0L7.88281 0L4 5.82422ZM9.88281 5.82422H5.88281L9.76562 0L13.7656 0L9.88281 5.82422ZM15.7656 5.82422H11.7656L15.6484 0L19.6484 0L15.7656 5.82422ZM21.6484 5.82422L17.6484 5.82422L21.5312 0L25.5312 0L21.6484 5.82422Z" fill="url(#paint0_linear_42_7282)"/>
+<defs>
+<linearGradient id="paint0_linear_42_7282" x1="0" y1="3" x2="26" y2="3" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86EBFF" stop-opacity="0.66"/>
+<stop offset="0.30756" stop-color="#31CEFF" stop-opacity="0.27"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-ly4yod0.svg b/.figma/image/mmlqps3s-ly4yod0.svg
new file mode 100644
index 0000000..57084b2
--- /dev/null
+++ b/.figma/image/mmlqps3s-ly4yod0.svg
@@ -0,0 +1,24 @@
+<svg width="70" height="20" viewBox="0 0 70 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M55 0H45L60 20H70L55 0Z" fill="url(#paint0_linear_55_554)"/>
+<path d="M40 0H30L45 20H55L40 0Z" fill="url(#paint1_linear_55_554)"/>
+<path d="M25 0H15L30 20H40L25 0Z" fill="url(#paint2_linear_55_554)"/>
+<path d="M10 0H0L15 20H25L10 0Z" fill="url(#paint3_linear_55_554)"/>
+<defs>
+<linearGradient id="paint0_linear_55_554" x1="70" y1="20" x2="3" y2="1.21338e-06" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_554" x1="70" y1="20" x2="3" y2="1.21338e-06" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint2_linear_55_554" x1="70" y1="20" x2="3" y2="1.21338e-06" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint3_linear_55_554" x1="70" y1="20" x2="3" y2="1.21338e-06" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-m9vphrk.svg b/.figma/image/mmlqps3s-m9vphrk.svg
new file mode 100644
index 0000000..23e83bf
--- /dev/null
+++ b/.figma/image/mmlqps3s-m9vphrk.svg
@@ -0,0 +1,22 @@
+<svg width="375" height="35" viewBox="0 0 375 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_148399_2565" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="35">
+<path d="M0 35H375V0H0V35Z" fill="url(#paint0_linear_148399_2565)"/>
+</mask>
+<g mask="url(#mask0_148399_2565)">
+<mask id="path-2-inside-1_148399_2565" fill="white">
+<path d="M448.999 4V35H64.1846C59.2494 35 54.5303 32.9741 51.1318 29.3955L38.9854 16.6045C35.5869 13.0258 30.8678 10.999 25.9326 10.999H7.43066L0.529297 4H448.999Z"/>
+</mask>
+<path d="M448.999 4H449.999V3H448.999V4ZM448.999 35V36H449.999V35H448.999ZM51.1318 29.3955L50.4067 30.0841L50.4067 30.0841L51.1318 29.3955ZM38.9854 16.6045L39.7105 15.9159L39.7105 15.9159L38.9854 16.6045ZM7.43066 10.999L6.71861 11.7011L7.01233 11.999H7.43066V10.999ZM0.529297 4V3H-1.86113L-0.18276 4.70212L0.529297 4ZM448.999 4H447.999V35H448.999H449.999V4H448.999ZM448.999 35V34H64.1846V35V36H448.999V35ZM64.1846 35V34C59.5235 34 55.0665 32.0866 51.857 28.7069L51.1318 29.3955L50.4067 30.0841C53.994 33.8616 58.9754 36 64.1846 36V35ZM51.1318 29.3955L51.857 28.7069L39.7105 15.9159L38.9854 16.6045L38.2602 17.2931L50.4067 30.0841L51.1318 29.3955ZM38.9854 16.6045L39.7105 15.9159C36.1233 12.1385 31.142 9.99902 25.9326 9.99902V10.999V11.999C30.5936 11.999 35.0506 13.9132 38.2602 17.2931L38.9854 16.6045ZM25.9326 10.999V9.99902H7.43066V10.999V11.999H25.9326V10.999ZM7.43066 10.999L8.14272 10.2969L1.24135 3.29788L0.529297 4L-0.18276 4.70212L6.71861 11.7011L7.43066 10.999ZM0.529297 4V5H448.999V4V3H0.529297V4Z" fill="url(#paint1_linear_148399_2565)" mask="url(#path-2-inside-1_148399_2565)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_148399_2565" x1="375" y1="17.5" x2="39.7896" y2="28.707" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30C1FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_2565" x1="46.7439" y1="30.5" x2="46.6784" y2="7.49845" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="0.897012" stop-color="#30DCFF"/>
+<stop offset="0.897135" stop-color="#35A8EB" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-mt6djw4.svg b/.figma/image/mmlqps3s-mt6djw4.svg
new file mode 100644
index 0000000..3615583
--- /dev/null
+++ b/.figma/image/mmlqps3s-mt6djw4.svg
@@ -0,0 +1,40 @@
+<svg width="450" height="314" viewBox="0 0 450 314" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.8">
+<mask id="path-1-inside-1_148399_2559" fill="white">
+<path d="M450 0V300L436 314H0V0H450Z"/>
+</mask>
+<path d="M450 0V300L436 314H0V0H450Z" fill="url(#paint0_radial_148399_2559)"/>
+<path d="M450 0V300L436 314H0V0H450Z" fill="url(#paint1_radial_148399_2559)"/>
+<path d="M450 0V300L436 314H0V0H450Z" fill="url(#paint2_linear_148399_2559)"/>
+<path d="M450 0H451V-1H450V0ZM450 300L450.707 300.707L451 300.414V300H450ZM436 314V315H436.414L436.707 314.707L436 314ZM0 314H-1V315H0V314ZM0 0V-1H-1V0H0ZM450 0H449V300H450H451V0H450ZM450 300L449.293 299.293L435.293 313.293L436 314L436.707 314.707L450.707 300.707L450 300ZM436 314V313H0V314V315H436V314ZM0 314H1V0H0H-1V314H0ZM0 0V1H450V0V-1H0V0Z" fill="url(#paint3_linear_148399_2559)" mask="url(#path-1-inside-1_148399_2559)"/>
+<path d="M450 0H451V-1H450V0ZM450 300L450.707 300.707L451 300.414V300H450ZM436 314V315H436.414L436.707 314.707L436 314ZM0 314H-1V315H0V314ZM0 0V-1H-1V0H0ZM450 0H449V300H450H451V0H450ZM450 300L449.293 299.293L435.293 313.293L436 314L436.707 314.707L450.707 300.707L450 300ZM436 314V313H0V314V315H436V314ZM0 314H1V0H0H-1V314H0ZM0 0V1H450V0V-1H0V0Z" fill="url(#paint4_linear_148399_2559)" style="mix-blend-mode:plus-lighter" mask="url(#path-1-inside-1_148399_2559)"/>
+<path d="M450 0H451V-1H450V0ZM450 300L450.707 300.707L451 300.414V300H450ZM436 314V315H436.414L436.707 314.707L436 314ZM0 314H-1V315H0V314ZM0 0V-1H-1V0H0ZM450 0H449V300H450H451V0H450ZM450 300L449.293 299.293L435.293 313.293L436 314L436.707 314.707L450.707 300.707L450 300ZM436 314V313H0V314V315H436V314ZM0 314H1V0H0H-1V314H0ZM0 0V1H450V0V-1H0V0Z" fill="url(#paint5_linear_148399_2559)" mask="url(#path-1-inside-1_148399_2559)"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_148399_2559" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225 157.683) rotate(-90) scale(156.317 225)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D"/>
+</radialGradient>
+<radialGradient id="paint1_radial_148399_2559" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225 156.999) rotate(-90) scale(157 225)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint2_linear_148399_2559" x1="424.125" y1="238.913" x2="459.732" y2="309.06" gradientUnits="userSpaceOnUse">
+<stop offset="0.0104167" stop-color="#2A5470" stop-opacity="0"/>
+<stop offset="0.291568" stop-color="#2A5470" stop-opacity="0.01"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.43"/>
+</linearGradient>
+<linearGradient id="paint3_linear_148399_2559" x1="225" y1="314" x2="225" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4FDFFD" stop-opacity="0.49"/>
+<stop offset="1" stop-color="#CBF2FA" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_148399_2559" x1="437.625" y1="294.204" x2="414.551" y2="251.106" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_148399_2559" x1="1.04956e-05" y1="314" x2="32.3065" y2="289.551" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-mzc6e56.svg b/.figma/image/mmlqps3s-mzc6e56.svg
new file mode 100644
index 0000000..3dd9bd9
--- /dev/null
+++ b/.figma/image/mmlqps3s-mzc6e56.svg
@@ -0,0 +1,10 @@
+<svg width="26" height="6" viewBox="0 0 26 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 5.82422L0 5.82422L3.88281 0L7.88281 0L4 5.82422ZM9.88281 5.82422H5.88281L9.76562 0L13.7656 0L9.88281 5.82422ZM15.7656 5.82422H11.7656L15.6484 0L19.6484 0L15.7656 5.82422ZM21.6484 5.82422L17.6484 5.82422L21.5312 0L25.5312 0L21.6484 5.82422Z" fill="url(#paint0_linear_42_7317)"/>
+<defs>
+<linearGradient id="paint0_linear_42_7317" x1="25.4758" y1="2.7589" x2="-2.68167" y2="2.7589" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86EBFF" stop-opacity="0.66"/>
+<stop offset="0.30756" stop-color="#31CEFF" stop-opacity="0.27"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-nq4ix7q.svg b/.figma/image/mmlqps3s-nq4ix7q.svg
new file mode 100644
index 0000000..52e6a3b
--- /dev/null
+++ b/.figma/image/mmlqps3s-nq4ix7q.svg
@@ -0,0 +1,19 @@
+<svg width="451" height="31" viewBox="0 0 451 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_148399_1346" fill="white">
+<path d="M450.999 0V31H66.6396C61.701 31 56.9789 28.9707 53.5801 25.3877L41.4609 12.6113C38.0621 9.02822 33.3401 6.99902 28.4014 6.99902H0V0H450.999Z"/>
+</mask>
+<path d="M450.999 0V31H66.6396C61.701 31 56.9789 28.9707 53.5801 25.3877L41.4609 12.6113C38.0621 9.02822 33.3401 6.99902 28.4014 6.99902H0V0H450.999Z" fill="url(#paint0_linear_148399_1346)"/>
+<path d="M450.999 0H451.999V-1H450.999V0ZM450.999 31V32H451.999V31H450.999ZM53.5801 25.3877L52.8546 26.0759L52.8546 26.0759L53.5801 25.3877ZM41.4609 12.6113L42.1865 11.9231L42.1865 11.9231L41.4609 12.6113ZM0 6.99902H-1V7.99902H0V6.99902ZM0 0V-1H-1V0H0ZM450.999 0H449.999V31H450.999H451.999V0H450.999ZM450.999 31V30H66.6396V31V32H450.999V31ZM66.6396 31V30C61.9754 30 57.5156 28.0835 54.3056 24.6995L53.5801 25.3877L52.8546 26.0759C56.4422 29.858 61.4266 32 66.6396 32V31ZM53.5801 25.3877L54.3056 24.6995L42.1865 11.9231L41.4609 12.6113L40.7354 13.2995L52.8546 26.0759L53.5801 25.3877ZM41.4609 12.6113L42.1865 11.9231C38.5988 8.14094 33.6144 5.99902 28.4014 5.99902V6.99902V7.99902C33.0657 7.99902 37.5254 9.9155 40.7354 13.2995L41.4609 12.6113ZM28.4014 6.99902V5.99902H0V6.99902V7.99902H28.4014V6.99902ZM0 6.99902H1V0H0H-1V6.99902H0ZM0 0V1H450.999V0V-1H0V0Z" fill="url(#paint1_linear_148399_1346)" mask="url(#path-1-inside-1_148399_1346)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_1346" x1="451.001" y1="9.49998" x2="2.19874" y2="9.49995" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0.1"/>
+<stop offset="0.483339" stop-color="#35A8EB" stop-opacity="0.12"/>
+<stop offset="0.73693" stop-color="#30C1FF" stop-opacity="0.43"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.12"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_1346" x1="39.2417" y1="24" x2="41.5791" y2="13.6974" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-o0pe58a.svg b/.figma/image/mmlqps3s-o0pe58a.svg
new file mode 100644
index 0000000..f4dc934
--- /dev/null
+++ b/.figma/image/mmlqps3s-o0pe58a.svg
@@ -0,0 +1,13 @@
+<svg width="391" height="60" viewBox="0 0 391 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 0.5H375.07C378.248 0.500103 380.959 2.79749 381.481 5.93164L389.148 51.9316C389.809 55.8935 386.753 59.5 382.736 59.5H7C3.41015 59.5 0.5 56.5899 0.5 53V7C0.5 3.41015 3.41015 0.5 7 0.5Z" fill="url(#paint0_linear_55_406)" stroke="url(#paint1_linear_55_406)"/>
+<defs>
+<linearGradient id="paint0_linear_55_406" x1="45" y1="7" x2="391" y2="59.9999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#253D57" stop-opacity="0"/>
+<stop offset="1" stop-color="#FEF2BF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_406" x1="41" y1="6" x2="391" y2="60" gradientUnits="userSpaceOnUse">
+<stop stop-color="#253D57" stop-opacity="0"/>
+<stop offset="1" stop-color="#FEF2BF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-pj8klp3.svg b/.figma/image/mmlqps3s-pj8klp3.svg
new file mode 100644
index 0000000..c14097d
--- /dev/null
+++ b/.figma/image/mmlqps3s-pj8klp3.svg
@@ -0,0 +1,3 @@
+<svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 0V5H0L5 0Z" fill="#30DCFF"/>
+</svg>
diff --git a/.figma/image/mmlqps3s-pr2elp2.svg b/.figma/image/mmlqps3s-pr2elp2.svg
new file mode 100644
index 0000000..11adc2c
--- /dev/null
+++ b/.figma/image/mmlqps3s-pr2elp2.svg
@@ -0,0 +1,36 @@
+<svg width="177" height="12" viewBox="0 0 177 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 5.5C0 4.11929 1.11929 3 2.5 3H169.5C170.881 3 172 4.11929 172 5.5C172 6.88071 170.881 8 169.5 8H2.5C1.11929 8 0 6.88071 0 5.5Z" fill="url(#paint0_linear_55_433)"/>
+<g filter="url(#filter0_d_55_433)">
+<circle cx="171" cy="6" r="6" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="171" cy="6" r="5.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter1_d_55_433)">
+<circle cx="171" cy="6" r="4" fill="#00FFFF"/>
+</g>
+<defs>
+<filter id="filter0_d_55_433" x="161" y="-4" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_433"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_433" result="shape"/>
+</filter>
+<filter id="filter1_d_55_433" x="163" y="-2" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_433"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_433" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_55_433" x1="0" y1="5.49999" x2="172" y2="5.49999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-q3bul93.svg b/.figma/image/mmlqps3s-q3bul93.svg
new file mode 100644
index 0000000..aff5c73
--- /dev/null
+++ b/.figma/image/mmlqps3s-q3bul93.svg
@@ -0,0 +1,24 @@
+<svg width="70" height="20" viewBox="0 0 70 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 0H25L10 20H0L15 0Z" fill="url(#paint0_linear_55_552)"/>
+<path d="M30 0H40L25 20H15L30 0Z" fill="url(#paint1_linear_55_552)"/>
+<path d="M45 0H55L40 20H30L45 0Z" fill="url(#paint2_linear_55_552)"/>
+<path d="M60 0H70L55 20H45L60 0Z" fill="url(#paint3_linear_55_552)"/>
+<defs>
+<linearGradient id="paint0_linear_55_552" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_552" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint2_linear_55_552" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint3_linear_55_552" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-s54llrr.svg b/.figma/image/mmlqps3s-s54llrr.svg
new file mode 100644
index 0000000..aaf96dc
--- /dev/null
+++ b/.figma/image/mmlqps3s-s54llrr.svg
@@ -0,0 +1,10 @@
+<svg width="26" height="6" viewBox="0 0 26 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 5.82422L0 5.82422L3.88281 0L7.88281 0L4 5.82422ZM9.88281 5.82422H5.88281L9.76562 0L13.7656 0L9.88281 5.82422ZM15.7656 5.82422H11.7656L15.6484 0L19.6484 0L15.7656 5.82422ZM21.6484 5.82422L17.6484 5.82422L21.5312 0L25.5312 0L21.6484 5.82422Z" fill="url(#paint0_linear_42_7323)"/>
+<defs>
+<linearGradient id="paint0_linear_42_7323" x1="0" y1="3" x2="26" y2="3" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86EBFF" stop-opacity="0.66"/>
+<stop offset="0.30756" stop-color="#31CEFF" stop-opacity="0.27"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-sk0uhfx.svg b/.figma/image/mmlqps3s-sk0uhfx.svg
new file mode 100644
index 0000000..25a2e7c
--- /dev/null
+++ b/.figma/image/mmlqps3s-sk0uhfx.svg
@@ -0,0 +1,49 @@
+<svg width="60" height="57" viewBox="0 0 60 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M29.9645 2.48047C44.7833 2.48047 56.7963 14.4935 56.7963 29.3122C56.7963 44.1309 44.7833 56.1439 29.9645 56.1439C15.1458 56.1439 3.13281 44.1309 3.13281 29.3122C3.13281 14.4935 15.1458 2.48047 29.9645 2.48047Z" fill="url(#paint0_linear_55_517)" fill-opacity="0.4" stroke="url(#paint1_linear_55_517)"/>
+<g filter="url(#filter0_i_55_517)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.9653 9.69531C40.7998 9.69531 49.5829 18.4784 49.5829 29.3129C49.5829 40.1474 40.7998 48.9305 29.9653 48.9305C19.1308 48.9305 10.3477 40.1474 10.3477 29.3129C10.3477 18.4784 19.1308 9.69531 29.9653 9.69531Z" fill="url(#paint2_linear_55_517)" fill-opacity="0.2"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.9653 9.69531C40.7998 9.69531 49.5829 18.4784 49.5829 29.3129C49.5829 40.1474 40.7998 48.9305 29.9653 48.9305C19.1308 48.9305 10.3477 40.1474 10.3477 29.3129C10.3477 18.4784 19.1308 9.69531 29.9653 9.69531Z" stroke="url(#paint3_linear_55_517)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.6864 13.0098C53.9856 13.0098 55.0388 14.063 55.0388 15.3622C55.0388 16.6614 53.9856 17.7146 52.6864 17.7146C51.3872 17.7146 50.334 16.6614 50.334 15.3622C50.334 14.063 51.3872 13.0098 52.6864 13.0098Z" fill="#00FFFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M58.5593 2.4576C63.4742 8.50706 54.6574 23.8176 38.8617 36.6549C23.0659 49.4922 6.27592 54.9953 1.36091 48.9458C-3.55411 42.8963 5.26285 27.5858 21.0586 14.7485C36.8543 1.91118 53.6443 -3.59191 58.5593 2.4576V2.4576Z" stroke="url(#paint4_linear_55_517)"/>
+<defs>
+<filter id="filter0_i_55_517" x="9.84766" y="9.19531" width="40.2354" height="40.2352" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="10"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.592157 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_55_517"/>
+</filter>
+<linearGradient id="paint0_linear_55_517" x1="56.7967" y1="56.1445" x2="56.7967" y2="2.48015" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3877F2" stop-opacity="0.5"/>
+<stop offset="0.978" stop-color="#00FFFF"/>
+<stop offset="1" stop-color="#00FFFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_517" x1="56.7967" y1="56.1445" x2="56.7967" y2="2.48015" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1895FF"/>
+<stop offset="0.006" stop-color="#1895FF"/>
+<stop offset="0.467" stop-color="#61D1FF"/>
+<stop offset="0.502" stop-color="#67D6FF"/>
+<stop offset="1" stop-color="#1895FF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_55_517" x1="49.5834" y1="48.9312" x2="49.5834" y2="9.695" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3877F2" stop-opacity="0.5"/>
+<stop offset="0.978" stop-color="#00FFFF"/>
+<stop offset="1" stop-color="#0072FF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_55_517" x1="49.5834" y1="48.9312" x2="49.5834" y2="9.695" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0072FF"/>
+<stop offset="0.006" stop-color="#0072FF"/>
+<stop offset="0.467" stop-color="#00FFFF"/>
+<stop offset="0.502" stop-color="#00FFFF"/>
+<stop offset="1" stop-color="#0072FF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_55_517" x1="-14.2443" y1="12.2224" x2="7.79712" y2="66.2545" gradientUnits="userSpaceOnUse">
+<stop offset="0.36" stop-color="#0072FF" stop-opacity="0.01"/>
+<stop offset="1" stop-color="#0072FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-szuojub.svg b/.figma/image/mmlqps3s-szuojub.svg
new file mode 100644
index 0000000..c19cc7a
--- /dev/null
+++ b/.figma/image/mmlqps3s-szuojub.svg
@@ -0,0 +1,53 @@
+<svg width="100" height="32" viewBox="0 0 100 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_42_7289" fill="white">
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z"/>
+</mask>
+<g filter="url(#filter0_i_42_7289)">
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z" fill="url(#paint0_linear_42_7289)" fill-opacity="0.4"/>
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z" fill="url(#paint1_linear_42_7289)"/>
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z" fill="url(#paint2_radial_42_7289)"/>
+<path d="M100 23L91 32L0 32L0 9L9 0L100 0V23Z" fill="url(#paint3_linear_42_7289)"/>
+</g>
+<path d="M100 23L100.707 23.7071L101 23.4142V23H100ZM91 32V33H91.4142L91.7071 32.7071L91 32ZM0 32H-1V33H0L0 32ZM0 9L-0.707107 8.29289L-1 8.58579V9H0ZM9 0V-1L8.58579 -1L8.29289 -0.707107L9 0ZM100 0L101 0V-1L100 -1V0ZM100 23L99.2929 22.2929L90.2929 31.2929L91 32L91.7071 32.7071L100.707 23.7071L100 23ZM91 32V31L0 31L0 32L0 33L91 33V32ZM0 32H1L1 9H0H-1L-1 32H0ZM0 9L0.707107 9.70711L9.70711 0.707107L9 0L8.29289 -0.707107L-0.707107 8.29289L0 9ZM9 0V1L100 1V0V-1L9 -1V0ZM100 0L99 0V23H100H101V0L100 0Z" fill="url(#paint4_radial_42_7289)" mask="url(#path-1-inside-1_42_7289)"/>
+<g clip-path="url(#paint5_diamond_42_7289_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_42_7289)"><g transform="matrix(-0.0635 0 0.0532744 -2872.76 50 15.7531)"><rect x="0" y="0" width="803.155" height="0.00600358" fill="url(#paint5_diamond_42_7289)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="803.155" height="0.00600358" transform="scale(1 -1)" fill="url(#paint5_diamond_42_7289)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="803.155" height="0.00600358" transform="scale(-1 1)" fill="url(#paint5_diamond_42_7289)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="803.155" height="0.00600358" transform="scale(-1)" fill="url(#paint5_diamond_42_7289)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M100 23L100.707 23.7071L101 23.4142V23H100ZM91 32V33H91.4142L91.7071 32.7071L91 32ZM0 32H-1V33H0L0 32ZM0 9L-0.707107 8.29289L-1 8.58579V9H0ZM9 0V-1L8.58579 -1L8.29289 -0.707107L9 0ZM100 0L101 0V-1L100 -1V0ZM100 23L99.2929 22.2929L90.2929 31.2929L91 32L91.7071 32.7071L100.707 23.7071L100 23ZM91 32V31L0 31L0 32L0 33L91 33V32ZM0 32H1L1 9H0H-1L-1 32H0ZM0 9L0.707107 9.70711L9.70711 0.707107L9 0L8.29289 -0.707107L-0.707107 8.29289L0 9ZM9 0V1L100 1V0V-1L9 -1V0ZM100 0L99 0V23H100H101V0L100 0Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.67500001192092896,&#34;g&#34;:0.94504863023757935,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.29712498188018799},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.80609583854675293},{&#34;color&#34;:{&#34;r&#34;:0.67450982332229614,&#34;g&#34;:0.94509804248809814,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-127.0,&#34;m01&#34;:106.54871368408203,&#34;m02&#34;:60.225646972656250,&#34;m10&#34;:-7.7972822642990991e-10,&#34;m11&#34;:-5745521.50,&#34;m12&#34;:2872776.50},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_42_7289)"/>
+<defs>
+<filter id="filter0_i_42_7289" x="0" y="0" width="100" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.109253 0 0 0 0 0.771681 0 0 0 0 0.904167 0 0 0 0.67 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_42_7289"/>
+</filter>
+<clipPath id="paint5_diamond_42_7289_clip_path"><path d="M100 23L100.707 23.7071L101 23.4142V23H100ZM91 32V33H91.4142L91.7071 32.7071L91 32ZM0 32H-1V33H0L0 32ZM0 9L-0.707107 8.29289L-1 8.58579V9H0ZM9 0V-1L8.58579 -1L8.29289 -0.707107L9 0ZM100 0L101 0V-1L100 -1V0ZM100 23L99.2929 22.2929L90.2929 31.2929L91 32L91.7071 32.7071L100.707 23.7071L100 23ZM91 32V31L0 31L0 32L0 33L91 33V32ZM0 32H1L1 9H0H-1L-1 32H0ZM0 9L0.707107 9.70711L9.70711 0.707107L9 0L8.29289 -0.707107L-0.707107 8.29289L0 9ZM9 0V1L100 1V0V-1L9 -1V0ZM100 0L99 0V23H100H101V0L100 0Z" mask="url(#path-1-inside-1_42_7289)"/></clipPath><linearGradient id="paint0_linear_42_7289" x1="50" y1="-1.05156" x2="50" y2="32" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.46"/>
+<stop offset="0.56502" stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.46"/>
+</linearGradient>
+<linearGradient id="paint1_linear_42_7289" x1="50" y1="-2.89916" x2="50" y2="32" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1F76A8" stop-opacity="0.24"/>
+<stop offset="0.511915" stop-color="#15547D" stop-opacity="0.24"/>
+<stop offset="1" stop-color="#1F76A8" stop-opacity="0.24"/>
+</linearGradient>
+<radialGradient id="paint2_radial_42_7289" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(50 16) scale(50 15.3551)">
+<stop stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.34"/>
+</radialGradient>
+<linearGradient id="paint3_linear_42_7289" x1="50" y1="0" x2="50" y2="32" gradientUnits="userSpaceOnUse">
+<stop offset="0.232073" stop-color="#3DB8DC" stop-opacity="0"/>
+<stop offset="1" stop-color="#4AE9FF" stop-opacity="0.49"/>
+</linearGradient>
+<radialGradient id="paint4_radial_42_7289" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(50 17.3731) rotate(-90) scale(23.6596 73.9362)">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint5_diamond_42_7289" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ACF1FF"/>
+<stop offset="0.297125" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.806096" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#ACF1FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-t0diyqa.svg b/.figma/image/mmlqps3s-t0diyqa.svg
new file mode 100644
index 0000000..e4b883f
--- /dev/null
+++ b/.figma/image/mmlqps3s-t0diyqa.svg
@@ -0,0 +1,40 @@
+<svg width="450" height="314" viewBox="0 0 450 314" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.8">
+<mask id="path-1-inside-1_148399_741" fill="white">
+<path d="M450 0V300L436 314H0V0H450Z"/>
+</mask>
+<path d="M450 0V300L436 314H0V0H450Z" fill="url(#paint0_radial_148399_741)"/>
+<path d="M450 0V300L436 314H0V0H450Z" fill="url(#paint1_radial_148399_741)"/>
+<path d="M450 0V300L436 314H0V0H450Z" fill="url(#paint2_linear_148399_741)"/>
+<path d="M450 0H451V-1H450V0ZM450 300L450.707 300.707L451 300.414V300H450ZM436 314V315H436.414L436.707 314.707L436 314ZM0 314H-1V315H0V314ZM0 0V-1H-1V0H0ZM450 0H449V300H450H451V0H450ZM450 300L449.293 299.293L435.293 313.293L436 314L436.707 314.707L450.707 300.707L450 300ZM436 314V313H0V314V315H436V314ZM0 314H1V0H0H-1V314H0ZM0 0V1H450V0V-1H0V0Z" fill="url(#paint3_linear_148399_741)" mask="url(#path-1-inside-1_148399_741)"/>
+<path d="M450 0H451V-1H450V0ZM450 300L450.707 300.707L451 300.414V300H450ZM436 314V315H436.414L436.707 314.707L436 314ZM0 314H-1V315H0V314ZM0 0V-1H-1V0H0ZM450 0H449V300H450H451V0H450ZM450 300L449.293 299.293L435.293 313.293L436 314L436.707 314.707L450.707 300.707L450 300ZM436 314V313H0V314V315H436V314ZM0 314H1V0H0H-1V314H0ZM0 0V1H450V0V-1H0V0Z" fill="url(#paint4_linear_148399_741)" style="mix-blend-mode:plus-lighter" mask="url(#path-1-inside-1_148399_741)"/>
+<path d="M450 0H451V-1H450V0ZM450 300L450.707 300.707L451 300.414V300H450ZM436 314V315H436.414L436.707 314.707L436 314ZM0 314H-1V315H0V314ZM0 0V-1H-1V0H0ZM450 0H449V300H450H451V0H450ZM450 300L449.293 299.293L435.293 313.293L436 314L436.707 314.707L450.707 300.707L450 300ZM436 314V313H0V314V315H436V314ZM0 314H1V0H0H-1V314H0ZM0 0V1H450V0V-1H0V0Z" fill="url(#paint5_linear_148399_741)" mask="url(#path-1-inside-1_148399_741)"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_148399_741" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225 157.683) rotate(-90) scale(156.317 225)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D"/>
+</radialGradient>
+<radialGradient id="paint1_radial_148399_741" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225 156.999) rotate(-90) scale(157 225)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint2_linear_148399_741" x1="424.125" y1="238.913" x2="459.732" y2="309.06" gradientUnits="userSpaceOnUse">
+<stop offset="0.0104167" stop-color="#2A5470" stop-opacity="0"/>
+<stop offset="0.291568" stop-color="#2A5470" stop-opacity="0.01"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.43"/>
+</linearGradient>
+<linearGradient id="paint3_linear_148399_741" x1="225" y1="314" x2="225" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4FDFFD" stop-opacity="0.49"/>
+<stop offset="1" stop-color="#CBF2FA" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_148399_741" x1="437.625" y1="294.204" x2="414.551" y2="251.106" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_148399_741" x1="1.04956e-05" y1="314" x2="32.3065" y2="289.551" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-tyo5y5v.svg b/.figma/image/mmlqps3s-tyo5y5v.svg
new file mode 100644
index 0000000..1dc0cf9
--- /dev/null
+++ b/.figma/image/mmlqps3s-tyo5y5v.svg
@@ -0,0 +1,18 @@
+<svg width="210" height="120" viewBox="0 0 210 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 0.5H205C207.485 0.5 209.5 2.51472 209.5 5V114.794L204.827 119.5H5.17285L0.5 114.794V5C0.5 2.51472 2.51472 0.5 5 0.5Z" fill="url(#paint0_linear_55_526)" stroke="url(#paint1_linear_55_526)"/>
+<path d="M88.1079 113H121.892L125.27 119H84.7295L88.1079 113Z" fill="#FFA600"/>
+<path d="M32.027 119H65.8108L67.8378 117H30L32.027 119Z" fill="#FFA600"/>
+<path d="M144.189 119H177.973L180 117H142.162L144.189 119Z" fill="#FFA600"/>
+<path d="M135.405 113H128.649L132.027 119H138.784L135.405 113Z" fill="#FFD88F"/>
+<path d="M74.5947 113H81.3514L77.9731 119H71.2163L74.5947 113Z" fill="#FFD88F"/>
+<defs>
+<linearGradient id="paint0_linear_55_526" x1="213.475" y1="0" x2="213.475" y2="120" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_526" x1="213.475" y1="120" x2="213.475" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-ul2ivya.svg b/.figma/image/mmlqps3s-ul2ivya.svg
new file mode 100644
index 0000000..b097d75
--- /dev/null
+++ b/.figma/image/mmlqps3s-ul2ivya.svg
@@ -0,0 +1,3 @@
+<svg width="430" height="5" viewBox="0 0 430 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H427.5C428.881 0 430 1.11929 430 2.5C430 3.88071 428.881 5 427.5 5H2.5C1.11929 5 0 3.88071 0 2.5Z" fill="#35A8EB" fill-opacity="0.2"/>
+</svg>
diff --git a/.figma/image/mmlqps3s-vcdbbge.svg b/.figma/image/mmlqps3s-vcdbbge.svg
new file mode 100644
index 0000000..2e9f886
--- /dev/null
+++ b/.figma/image/mmlqps3s-vcdbbge.svg
@@ -0,0 +1,16 @@
+<svg width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6666 14L8.4666 0L0 14H19.6666Z" fill="url(#paint0_linear_148399_2590)"/>
+<path d="M25.6668 14H29.6668L18.4668 0H14.4668L25.6668 14Z" fill="url(#paint1_linear_148399_2590)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_2590" x1="28" y1="14" x2="4.22498" y2="8.11014" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_2590" x1="28" y1="14" x2="4.22498" y2="8.11014" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-vpnylbw.svg b/.figma/image/mmlqps3s-vpnylbw.svg
new file mode 100644
index 0000000..c1fe41e
--- /dev/null
+++ b/.figma/image/mmlqps3s-vpnylbw.svg
@@ -0,0 +1,11 @@
+<svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0L7 0L0 7L0 0Z" fill="url(#paint0_linear_148399_467)" fill-opacity="0.4"/>
+<path d="M0 0L7 0L0 7L0 0Z" fill="#31DCFF"/>
+<defs>
+<linearGradient id="paint0_linear_148399_467" x1="3.5" y1="-0.230028" x2="3.5" y2="7" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.4"/>
+<stop offset="0.56502" stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-w4aka7q.svg b/.figma/image/mmlqps3s-w4aka7q.svg
new file mode 100644
index 0000000..52e110c
--- /dev/null
+++ b/.figma/image/mmlqps3s-w4aka7q.svg
@@ -0,0 +1,22 @@
+<svg width="375" height="35" viewBox="0 0 375 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_148399_1337" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="35">
+<path d="M0 35H375V0H0V35Z" fill="url(#paint0_linear_148399_1337)"/>
+</mask>
+<g mask="url(#mask0_148399_1337)">
+<mask id="path-2-inside-1_148399_1337" fill="white">
+<path d="M448.999 4V35H64.1846C59.2494 35 54.5303 32.9741 51.1318 29.3955L38.9854 16.6045C35.5869 13.0258 30.8678 10.999 25.9326 10.999H7.43066L0.529297 4H448.999Z"/>
+</mask>
+<path d="M448.999 4H449.999V3H448.999V4ZM448.999 35V36H449.999V35H448.999ZM51.1318 29.3955L50.4067 30.0841L50.4067 30.0841L51.1318 29.3955ZM38.9854 16.6045L39.7105 15.9159L39.7105 15.9159L38.9854 16.6045ZM7.43066 10.999L6.71861 11.7011L7.01233 11.999H7.43066V10.999ZM0.529297 4V3H-1.86113L-0.18276 4.70212L0.529297 4ZM448.999 4H447.999V35H448.999H449.999V4H448.999ZM448.999 35V34H64.1846V35V36H448.999V35ZM64.1846 35V34C59.5235 34 55.0665 32.0866 51.857 28.7069L51.1318 29.3955L50.4067 30.0841C53.994 33.8616 58.9754 36 64.1846 36V35ZM51.1318 29.3955L51.857 28.7069L39.7105 15.9159L38.9854 16.6045L38.2602 17.2931L50.4067 30.0841L51.1318 29.3955ZM38.9854 16.6045L39.7105 15.9159C36.1233 12.1385 31.142 9.99902 25.9326 9.99902V10.999V11.999C30.5936 11.999 35.0506 13.9132 38.2602 17.2931L38.9854 16.6045ZM25.9326 10.999V9.99902H7.43066V10.999V11.999H25.9326V10.999ZM7.43066 10.999L8.14272 10.2969L1.24135 3.29788L0.529297 4L-0.18276 4.70212L6.71861 11.7011L7.43066 10.999ZM0.529297 4V5H448.999V4V3H0.529297V4Z" fill="url(#paint1_linear_148399_1337)" mask="url(#path-2-inside-1_148399_1337)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_148399_1337" x1="375" y1="17.5" x2="39.7896" y2="28.707" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30C1FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_1337" x1="46.7439" y1="30.5" x2="46.6784" y2="7.49845" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="0.897012" stop-color="#30DCFF"/>
+<stop offset="0.897135" stop-color="#35A8EB" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-wa0flme.svg b/.figma/image/mmlqps3s-wa0flme.svg
new file mode 100644
index 0000000..6594bd8
--- /dev/null
+++ b/.figma/image/mmlqps3s-wa0flme.svg
@@ -0,0 +1,19 @@
+<svg width="451" height="31" viewBox="0 0 451 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_148399_775" fill="white">
+<path d="M450.999 0V31H66.6396C61.701 31 56.9789 28.9707 53.5801 25.3877L41.4609 12.6113C38.0621 9.02822 33.3401 6.99902 28.4014 6.99902H0V0H450.999Z"/>
+</mask>
+<path d="M450.999 0V31H66.6396C61.701 31 56.9789 28.9707 53.5801 25.3877L41.4609 12.6113C38.0621 9.02822 33.3401 6.99902 28.4014 6.99902H0V0H450.999Z" fill="url(#paint0_linear_148399_775)"/>
+<path d="M450.999 0H451.999V-1H450.999V0ZM450.999 31V32H451.999V31H450.999ZM53.5801 25.3877L52.8546 26.0759L52.8546 26.0759L53.5801 25.3877ZM41.4609 12.6113L42.1865 11.9231L42.1865 11.9231L41.4609 12.6113ZM0 6.99902H-1V7.99902H0V6.99902ZM0 0V-1H-1V0H0ZM450.999 0H449.999V31H450.999H451.999V0H450.999ZM450.999 31V30H66.6396V31V32H450.999V31ZM66.6396 31V30C61.9754 30 57.5156 28.0835 54.3056 24.6995L53.5801 25.3877L52.8546 26.0759C56.4422 29.858 61.4266 32 66.6396 32V31ZM53.5801 25.3877L54.3056 24.6995L42.1865 11.9231L41.4609 12.6113L40.7354 13.2995L52.8546 26.0759L53.5801 25.3877ZM41.4609 12.6113L42.1865 11.9231C38.5988 8.14094 33.6144 5.99902 28.4014 5.99902V6.99902V7.99902C33.0657 7.99902 37.5254 9.9155 40.7354 13.2995L41.4609 12.6113ZM28.4014 6.99902V5.99902H0V6.99902V7.99902H28.4014V6.99902ZM0 6.99902H1V0H0H-1V6.99902H0ZM0 0V1H450.999V0V-1H0V0Z" fill="url(#paint1_linear_148399_775)" mask="url(#path-1-inside-1_148399_775)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_775" x1="451.001" y1="9.49998" x2="2.19874" y2="9.49995" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0.1"/>
+<stop offset="0.483339" stop-color="#35A8EB" stop-opacity="0.12"/>
+<stop offset="0.73693" stop-color="#30C1FF" stop-opacity="0.43"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.12"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_775" x1="39.2417" y1="24" x2="41.5791" y2="13.6974" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-y516e62.svg b/.figma/image/mmlqps3s-y516e62.svg
new file mode 100644
index 0000000..dc40611
--- /dev/null
+++ b/.figma/image/mmlqps3s-y516e62.svg
@@ -0,0 +1,24 @@
+<svg width="70" height="20" viewBox="0 0 70 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 0H25L10 20H0L15 0Z" fill="url(#paint0_linear_55_534)"/>
+<path d="M30 0H40L25 20H15L30 0Z" fill="url(#paint1_linear_55_534)"/>
+<path d="M45 0H55L40 20H30L45 0Z" fill="url(#paint2_linear_55_534)"/>
+<path d="M60 0H70L55 20H45L60 0Z" fill="url(#paint3_linear_55_534)"/>
+<defs>
+<linearGradient id="paint0_linear_55_534" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_534" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint2_linear_55_534" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint3_linear_55_534" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA600" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#FFA600" stop-opacity="0.1"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-yi11x63.svg b/.figma/image/mmlqps3s-yi11x63.svg
new file mode 100644
index 0000000..c5ddd9c
--- /dev/null
+++ b/.figma/image/mmlqps3s-yi11x63.svg
@@ -0,0 +1,16 @@
+<svg width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6666 14L8.4666 0L0 14H19.6666Z" fill="url(#paint0_linear_148399_1362)"/>
+<path d="M25.6668 14H29.6668L18.4668 0H14.4668L25.6668 14Z" fill="url(#paint1_linear_148399_1362)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_1362" x1="28" y1="14" x2="4.22498" y2="8.11014" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_1362" x1="28" y1="14" x2="4.22498" y2="8.11014" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-yqvbetr.svg b/.figma/image/mmlqps3s-yqvbetr.svg
new file mode 100644
index 0000000..58fe3d6
--- /dev/null
+++ b/.figma/image/mmlqps3s-yqvbetr.svg
@@ -0,0 +1,14 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.6738 9.624L14.2489 8.536C14.2655 8.344 14.2738 8.168 14.2738 8C14.2738 7.832 14.2655 7.656 14.2489 7.464L15.6821 6.368C16.0134 6.112 16.0963 5.664 15.8809 5.312L14.3318 2.696C14.1247 2.344 13.6691 2.184 13.2714 2.336L11.5898 2.992C11.2916 2.784 10.9768 2.608 10.6454 2.456L10.3886 0.704C10.3224 0.296 9.96616 0.008 9.54368 0H6.45377C6.03129 0 5.67508 0.296 5.60881 0.712L5.35201 2.456C5.02065 2.608 4.70586 2.784 4.40764 2.992L2.71772 2.328C2.33666 2.184 1.87276 2.344 1.66566 2.688L0.116564 5.304C-0.0988181 5.664 -0.00769487 6.112 0.323662 6.368L1.75678 7.464C1.74021 7.656 1.73193 7.832 1.73193 8C1.73193 8.168 1.74021 8.344 1.75678 8.536L0.323662 9.632C0.000589043 9.888 -0.0905342 10.336 0.124848 10.688L1.67394 13.304C1.88933 13.664 2.33666 13.816 2.73429 13.664L4.41592 13C4.71415 13.208 5.02893 13.384 5.36029 13.536L5.61709 15.296C5.68336 15.696 6.03957 16 6.46205 16H9.56024C9.98272 16 10.3389 15.696 10.4052 15.288L10.662 13.536C10.9934 13.384 11.3082 13.208 11.6064 13L13.2963 13.664C13.3957 13.704 13.4951 13.72 13.6028 13.72C13.9093 13.72 14.191 13.56 14.3401 13.304L15.8809 10.688C16.0963 10.336 16.0051 9.888 15.6738 9.624ZM2.54376 9.096C2.66801 9 2.74257 8.84 2.71772 8.68C2.68458 8.456 2.66801 8.224 2.66801 8C2.66801 7.776 2.68458 7.544 2.71772 7.32C2.74257 7.16 2.6763 7 2.54376 6.904L0.953241 5.736L2.40293 3.192L4.29995 3.936C4.45734 4 4.63131 3.976 4.76385 3.872C5.12834 3.592 5.53425 3.368 5.96502 3.192C6.11413 3.128 6.22182 2.992 6.24667 2.832L6.48691 0.904L9.46912 0.864L9.75077 2.832C9.77563 2.992 9.88332 3.128 10.0324 3.184C10.4632 3.36 10.8691 3.592 11.2336 3.864C11.3661 3.96 11.5401 3.984 11.6975 3.928L13.5282 3.168L15.0691 5.68L13.462 6.912C13.3294 7.008 13.2632 7.168 13.288 7.328C13.3211 7.552 13.3377 7.784 13.3377 8.008C13.3377 8.232 13.3211 8.464 13.288 8.688C13.2714 8.848 13.3377 9 13.462 9.104L15.0525 10.28L13.6028 12.824L11.7058 12.08C11.5484 12.016 11.3744 12.04 11.2419 12.144C10.8774 12.424 10.4715 12.648 10.0407 12.824C9.8916 12.888 9.77563 13.024 9.75906 13.184L9.4774 15.112L6.53661 15.152L6.24667 13.184C6.22182 13.024 6.11413 12.888 5.96502 12.824C5.53425 12.648 5.12834 12.424 4.76385 12.144C4.68101 12.08 4.5816 12.048 4.47391 12.048C4.41592 12.048 4.34965 12.056 4.29995 12.08L2.4692 12.84L0.936673 10.32L2.54376 9.096Z" fill="url(#paint0_linear_42_7328)"/>
+<path d="M8.00286 11.192C9.80876 11.192 11.2833 9.76 11.2833 8C11.2833 6.24 9.80876 4.8 8.00286 4.8C6.19697 4.808 4.72243 6.24 4.72243 8C4.72243 9.76 6.19697 11.192 8.00286 11.192ZM5.65851 8C5.65851 6.736 6.71057 5.712 8.00286 5.712C9.29516 5.712 10.3472 6.736 10.3472 8C10.3472 9.264 9.29516 10.288 8.00286 10.288H7.96973C6.694 10.272 5.65851 9.248 5.65851 8Z" fill="url(#paint1_linear_42_7328)"/>
+<defs>
+<linearGradient id="paint0_linear_42_7328" x1="8" y1="0" x2="8" y2="16" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CCF6FF"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_42_7328" x1="8" y1="0" x2="8" y2="16" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CCF6FF"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-zmlzdm9.svg b/.figma/image/mmlqps3s-zmlzdm9.svg
new file mode 100644
index 0000000..aa2c850
--- /dev/null
+++ b/.figma/image/mmlqps3s-zmlzdm9.svg
@@ -0,0 +1,9 @@
+<svg width="445" height="31" viewBox="0 0 445 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M444.47 0V31H58.9229C53.9935 30.9999 49.2795 28.9785 45.8818 25.4072L33.6904 12.5918C30.2927 9.0205 25.5788 6.99905 20.6494 6.99902H6.91406L0 0H444.47Z" fill="url(#paint0_radial_148399_788)"/>
+<defs>
+<radialGradient id="paint0_radial_148399_788" cx="0" cy="0" r="1" gradientTransform="matrix(-15.6815 62.4999 -2023.2 -348.873 70.5306 -35.5)" gradientUnits="userSpaceOnUse">
+<stop offset="0.851191" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.63"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3s-zzybvj8.svg b/.figma/image/mmlqps3s-zzybvj8.svg
new file mode 100644
index 0000000..63d1ec5
--- /dev/null
+++ b/.figma/image/mmlqps3s-zzybvj8.svg
@@ -0,0 +1,3 @@
+<svg width="429" height="5" viewBox="0 0 429 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H426.5C427.881 0 429 1.11929 429 2.5C429 3.88071 427.881 5 426.5 5H2.49999C1.11928 5 0 3.88071 0 2.5Z" fill="#35A8EB" fill-opacity="0.2"/>
+</svg>
diff --git a/.figma/image/mmlqps3t-08rf4nw.svg b/.figma/image/mmlqps3t-08rf4nw.svg
new file mode 100644
index 0000000..b53697f
--- /dev/null
+++ b/.figma/image/mmlqps3t-08rf4nw.svg
@@ -0,0 +1,17 @@
+<svg width="430" height="34" viewBox="0 0 430 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_4788" fill="white">
+<path d="M165 0L175 10H430V34H0V10L10 0H165Z"/>
+</mask>
+<path d="M165 0L175 10H430V34H0V10L10 0H165Z" fill="url(#paint0_linear_56_4788)"/>
+<path d="M165 0L165.707 -0.707107L165.414 -1H165V0ZM175 10L174.293 10.7071L174.586 11H175V10ZM430 10H431V9H430V10ZM430 34V35H431V34H430ZM0 34H-1V35H0V34ZM0 10L-0.707107 9.29289L-1 9.58579V10H0ZM10 0V-1H9.58579L9.29289 -0.707107L10 0ZM165 0L164.293 0.707107L174.293 10.7071L175 10L175.707 9.29289L165.707 -0.707107L165 0ZM175 10V11H430V10V9H175V10ZM430 10H429V34H430H431V10H430ZM430 34V33H0V34V35H430V34ZM0 34H1V10H0H-1V34H0ZM0 10L0.707107 10.7071L10.7071 0.707107L10 0L9.29289 -0.707107L-0.707107 9.29289L0 10ZM10 0V1H165V0V-1H10V0Z" fill="url(#paint1_linear_56_4788)" mask="url(#path-1-inside-1_56_4788)"/>
+<defs>
+<linearGradient id="paint0_linear_56_4788" x1="430" y1="17" x2="8.58724" y2="17" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0.11"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_4788" x1="44.1829" y1="13" x2="44.183" y2="-7.00005" gradientUnits="userSpaceOnUse">
+<stop stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-09713yz.svg b/.figma/image/mmlqps3t-09713yz.svg
new file mode 100644
index 0000000..6af3ecf
--- /dev/null
+++ b/.figma/image/mmlqps3t-09713yz.svg
@@ -0,0 +1,9 @@
+<svg width="260" height="7" viewBox="0 0 260 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M260 0H0L7 7H260V0Z" fill="url(#paint0_linear_56_4739)"/>
+<defs>
+<linearGradient id="paint0_linear_56_4739" x1="453.013" y1="4.99999" x2="9.04682" y2="4.99992" gradientUnits="userSpaceOnUse">
+<stop offset="0.429792" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-0u0snt6.svg b/.figma/image/mmlqps3t-0u0snt6.svg
new file mode 100644
index 0000000..78091af
--- /dev/null
+++ b/.figma/image/mmlqps3t-0u0snt6.svg
@@ -0,0 +1,21 @@
+<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_56_4452)">
+<path d="M15.1908 0C15.6375 0 16 0.35131 16 0.783931V17.2161C16 17.6487 15.6375 18 15.1908 18H0.809231C0.362461 18 0 17.6487 0 17.2161V0.783931C0 0.35131 0.362461 0 0.809231 0H15.1908ZM11.5674 8.72503C11.5154 8.69314 11.4534 8.68219 11.3937 8.69439C11.334 8.70658 11.2811 8.74102 11.2455 8.79083L10.9975 9.12538C10.9707 9.16151 10.9347 9.18969 10.8933 9.20694C10.852 9.2242 10.8068 9.2299 10.7625 9.22345C10.5632 9.19648 10.3612 9.19648 10.1618 9.22345C10.1175 9.22983 10.0724 9.2241 10.031 9.20685C9.98965 9.1896 9.95365 9.16146 9.92677 9.12538L9.67877 8.79021C9.6431 8.74067 9.59027 8.70646 9.53076 8.69439C9.47126 8.68232 9.40942 8.69326 9.35754 8.72503L8.48985 9.25262C8.43717 9.28571 8.39763 9.33633 8.37807 9.39574C8.35851 9.45514 8.36018 9.51957 8.38277 9.57786L8.53538 9.97262C8.55134 10.0157 8.55633 10.0622 8.54988 10.1077C8.54343 10.1533 8.52575 10.1964 8.49846 10.2333C8.37723 10.4028 8.27569 10.5871 8.19754 10.7832C8.18209 10.8256 8.15577 10.863 8.12128 10.8916C8.08679 10.9203 8.04536 10.9393 8.00123 10.9465L7.6 11.0054C7.47692 11.0241 7.38461 11.1352 7.38461 11.2661V12.3213C7.38461 12.4517 7.47692 12.5621 7.59938 12.5808L8.00062 12.6397C8.04472 12.6472 8.0861 12.6662 8.12065 12.6949C8.1552 12.7235 8.18171 12.7608 8.19754 12.803C8.27569 12.9985 8.376 13.1834 8.49785 13.3529C8.552 13.428 8.568 13.5267 8.53477 13.6136L8.38215 14.0083C8.35909 14.0666 8.35712 14.1312 8.37659 14.1908C8.39606 14.2504 8.43573 14.3012 8.48862 14.3342L9.35631 14.8612C9.464 14.927 9.60123 14.8984 9.67815 14.7954L9.92615 14.4608C9.95299 14.4247 9.98899 14.3965 10.0304 14.3793C10.0717 14.362 10.1169 14.3563 10.1612 14.3628C10.3605 14.3897 10.5625 14.3897 10.7618 14.3628C10.8062 14.3563 10.8514 14.362 10.8927 14.3793C10.9341 14.3965 10.9701 14.4247 10.9969 14.4608L11.2449 14.796C11.2806 14.8455 11.3334 14.8797 11.3929 14.8918C11.4524 14.9039 11.5143 14.893 11.5662 14.8612L12.4338 14.3336C12.4865 14.3005 12.5261 14.2499 12.5456 14.1905C12.5652 14.1311 12.5635 14.0666 12.5409 14.0083L12.3883 13.6136C12.3725 13.5705 12.3675 13.524 12.374 13.4785C12.3804 13.433 12.398 13.3898 12.4252 13.3529C12.5465 13.1834 12.648 12.9991 12.7262 12.803C12.7417 12.7606 12.7681 12.7232 12.8027 12.6945C12.8373 12.6658 12.8789 12.6469 12.9231 12.6397L13.3237 12.5808C13.4468 12.5621 13.5385 12.4517 13.5385 12.3207V11.2661C13.5401 11.204 13.5193 11.1433 13.4799 11.0954C13.4405 11.0476 13.3852 11.0158 13.3243 11.0061L12.9231 10.9471C12.8791 10.9396 12.8378 10.9205 12.8033 10.8919C12.7689 10.8633 12.7425 10.826 12.7268 10.7839C12.6485 10.589 12.5473 10.4044 12.4252 10.2339C12.3982 10.1969 12.3808 10.1537 12.3745 10.1082C12.3683 10.0626 12.3735 10.0162 12.3895 9.97324L12.5415 9.57848C12.5646 9.52021 12.5666 9.4556 12.5471 9.39601C12.5276 9.33642 12.488 9.28565 12.4351 9.25262L11.5674 8.72503ZM5.57108 13.2064H3.128C2.78338 13.2064 2.504 13.5689 2.504 14.017C2.504 14.467 2.78338 14.8301 3.12862 14.8301H5.57169C5.91631 14.8301 6.19631 14.467 6.19631 14.0189C6.19631 13.5695 5.91631 13.2058 5.57108 13.2058V13.2064ZM10.5532 10.823C11.0862 10.823 11.5175 11.2792 11.5175 11.8415C11.5175 12.4039 11.0862 12.8594 10.5532 12.8594C10.0209 12.8594 9.58892 12.4039 9.58892 11.8415C9.58892 11.2792 10.0209 10.8236 10.5532 10.8236V10.823ZM5.75692 8.4271H2.94277C2.70031 8.4271 2.504 8.79021 2.504 9.23835C2.504 9.68772 2.70031 10.0514 2.94277 10.0514H5.75692C5.87385 10.0514 5.98462 9.96579 6.06769 9.81372C6.14954 9.66166 6.19631 9.45497 6.19631 9.24021C6.19631 8.79021 5.99938 8.4271 5.75692 8.4271ZM12.9126 3.63352H3.31262C2.86585 3.63352 2.504 3.99724 2.504 4.44476C2.504 4.89476 2.86585 5.25786 3.31262 5.25786H12.9126C13.36 5.25786 13.7218 4.89476 13.7218 4.44662C13.7218 3.99724 13.36 3.63352 12.9126 3.63352Z" fill="url(#paint0_radial_56_4452)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_4452" x="-5" y="-5" width="26" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.662745 0 0 0 0 0.941176 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_4452"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_4452" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_56_4452" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.499999 0.5) rotate(50.1944) scale(23.4307 12.1342)">
+<stop stop-color="#A9F0FF"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-2pkgyq7.svg b/.figma/image/mmlqps3t-2pkgyq7.svg
new file mode 100644
index 0000000..88c7785
--- /dev/null
+++ b/.figma/image/mmlqps3t-2pkgyq7.svg
@@ -0,0 +1,34 @@
+<svg width="120" height="10" viewBox="0 0 120 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 10H20L10 0H0L10 10Z" fill="url(#paint0_linear_56_4803)"/>
+<path d="M30 10H40L30 0H20L30 10Z" fill="url(#paint1_linear_56_4803)"/>
+<path d="M50 10H60L50 0H40L50 10Z" fill="url(#paint2_linear_56_4803)"/>
+<path d="M70 10H80L70 0H60L70 10Z" fill="url(#paint3_linear_56_4803)"/>
+<path d="M90 10H100L90 0H80L90 10Z" fill="url(#paint4_linear_56_4803)"/>
+<path d="M110 10H120L110 0H100L110 10Z" fill="url(#paint5_linear_56_4803)"/>
+<defs>
+<linearGradient id="paint0_linear_56_4803" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_4803" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_4803" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint3_linear_56_4803" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_4803" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint5_linear_56_4803" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-32lq8vr.svg b/.figma/image/mmlqps3t-32lq8vr.svg
new file mode 100644
index 0000000..5551de6
--- /dev/null
+++ b/.figma/image/mmlqps3t-32lq8vr.svg
@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0244 3.08594C10.174 2.62502 10.826 2.62502 10.9756 3.08594L12.2783 7.10254C12.479 7.72081 13.056 8.13965 13.7061 8.13965H17.9258C18.41 8.13965 18.6113 8.75908 18.2197 9.04395L14.8037 11.5293C14.2788 11.9112 14.0586 12.5876 14.2588 13.2051L15.5635 17.2256C15.713 17.6863 15.1857 18.069 14.7939 17.7842L11.3828 15.3027C10.8567 14.92 10.1433 14.92 9.61719 15.3027L6.20605 17.7842C5.81434 18.069 5.28703 17.6863 5.43652 17.2256L6.74121 13.2051C6.94144 12.5876 6.72121 11.9112 6.19629 11.5293L2.78027 9.04395C2.38874 8.75908 2.59003 8.13965 3.07422 8.13965H7.29395C7.94397 8.13965 8.52102 7.72081 8.72168 7.10254L10.0244 3.08594Z" stroke="#00B6C7"/>
+</svg>
diff --git a/.figma/image/mmlqps3t-3equq09.svg b/.figma/image/mmlqps3t-3equq09.svg
new file mode 100644
index 0000000..756df71
--- /dev/null
+++ b/.figma/image/mmlqps3t-3equq09.svg
@@ -0,0 +1,17 @@
+<svg width="430" height="34" viewBox="0 0 430 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_3853" fill="white">
+<path d="M165 0L175 10H430V34H0V10L10 0H165Z"/>
+</mask>
+<path d="M165 0L175 10H430V34H0V10L10 0H165Z" fill="url(#paint0_linear_56_3853)"/>
+<path d="M165 0L165.707 -0.707107L165.414 -1H165V0ZM175 10L174.293 10.7071L174.586 11H175V10ZM430 10H431V9H430V10ZM430 34V35H431V34H430ZM0 34H-1V35H0V34ZM0 10L-0.707107 9.29289L-1 9.58579V10H0ZM10 0V-1H9.58579L9.29289 -0.707107L10 0ZM165 0L164.293 0.707107L174.293 10.7071L175 10L175.707 9.29289L165.707 -0.707107L165 0ZM175 10V11H430V10V9H175V10ZM430 10H429V34H430H431V10H430ZM430 34V33H0V34V35H430V34ZM0 34H1V10H0H-1V34H0ZM0 10L0.707107 10.7071L10.7071 0.707107L10 0L9.29289 -0.707107L-0.707107 9.29289L0 10ZM10 0V1H165V0V-1H10V0Z" fill="url(#paint1_linear_56_3853)" mask="url(#path-1-inside-1_56_3853)"/>
+<defs>
+<linearGradient id="paint0_linear_56_3853" x1="430" y1="17" x2="8.58724" y2="17" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0.11"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_3853" x1="44.1829" y1="13" x2="44.183" y2="-7.00005" gradientUnits="userSpaceOnUse">
+<stop stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-3h8459g.svg b/.figma/image/mmlqps3t-3h8459g.svg
new file mode 100644
index 0000000..b7472ad
--- /dev/null
+++ b/.figma/image/mmlqps3t-3h8459g.svg
@@ -0,0 +1,9 @@
+<svg width="260" height="7" viewBox="0 0 260 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M260 0H0L7 7H260V0Z" fill="url(#paint0_linear_56_5062)"/>
+<defs>
+<linearGradient id="paint0_linear_56_5062" x1="453.013" y1="4.99999" x2="9.04682" y2="4.99992" gradientUnits="userSpaceOnUse">
+<stop offset="0.429792" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-3ukybe0.png b/.figma/image/mmlqps3t-3ukybe0.png
new file mode 100644
index 0000000..ad60d4a
Binary files /dev/null and b/.figma/image/mmlqps3t-3ukybe0.png differ
diff --git a/.figma/image/mmlqps3t-4h62vfv.svg b/.figma/image/mmlqps3t-4h62vfv.svg
new file mode 100644
index 0000000..8965bb3
--- /dev/null
+++ b/.figma/image/mmlqps3t-4h62vfv.svg
@@ -0,0 +1,49 @@
+<svg width="430" height="174" viewBox="0 0 430 174" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_4785" fill="white">
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z"/>
+</mask>
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z" fill="url(#paint0_radial_56_4785)"/>
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z" fill="url(#paint1_linear_56_4785)"/>
+<path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" fill="url(#paint2_linear_56_4785)" mask="url(#path-1-inside-1_56_4785)"/>
+<g clip-path="url(#paint3_diamond_56_4785_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_56_4785)"><g transform="matrix(0 -0.101374 0.264743 -1.12897e-10 215 174)"><rect x="0" y="0" width="1726.28" height="815.885" fill="url(#paint3_diamond_56_4785)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(1 -1)" fill="url(#paint3_diamond_56_4785)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(-1 1)" fill="url(#paint3_diamond_56_4785)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(-1)" fill="url(#paint3_diamond_56_4785)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.59033554792404175,&#34;b&#34;:0.71992188692092896,&#34;a&#34;:1.0},&#34;position&#34;:0.51139414310455322},{&#34;color&#34;:{&#34;r&#34;:0.63574218750,&#34;g&#34;:0.94204998016357422,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.81283402442932129},{&#34;color&#34;:{&#34;r&#34;:0.56757813692092896,&#34;g&#34;:0.97187495231628418,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.83571147918701172}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-3.4441163029169664e-12,&#34;m01&#34;:529.48614501953125,&#34;m02&#34;:-49.743061065673828,&#34;m10&#34;:-202.74781799316406,&#34;m11&#34;:-2.2579477843009954e-07,&#34;m12&#34;:275.37390136718750},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_56_4785)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 81.7043L1 81.7043L1 105.704L1.04907e-06 105.704L0 81.7043Z" fill="url(#paint4_linear_56_4785)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 107.704L1 107.704L1 108.704L4.37114e-08 108.704L0 107.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 110.704L1 110.704L1 111.704L4.37114e-08 111.704L0 110.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 113.704L1 113.704L1 114.704L4.37114e-08 114.704L0 113.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 81.7043L429.925 81.7043L429.925 105.704L428.925 105.704L428.925 81.7043Z" fill="url(#paint5_linear_56_4785)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 107.704L429.925 107.704L429.925 108.704L428.925 108.704L428.925 107.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 110.704L429.925 110.704L429.925 111.704L428.925 111.704L428.925 110.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 113.704L429.925 113.704L429.925 114.704L428.925 114.704L428.925 113.704Z" fill="#30DAFF"/>
+<path d="M3 166L8 171H3V166Z" fill="#34636E"/>
+<path d="M427 166L422 171H427V166Z" fill="#34636E"/>
+<defs>
+<clipPath id="paint3_diamond_56_4785_clip_path"><path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" mask="url(#path-1-inside-1_56_4785)"/></clipPath><radialGradient id="paint0_radial_56_4785" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(215 86.9995) rotate(-90) scale(87 215)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint1_linear_56_4785" x1="58.2274" y1="71.7592" x2="25.2975" y2="-10.1681" gradientUnits="userSpaceOnUse">
+<stop offset="0.0104167" stop-color="#2A5470" stop-opacity="0"/>
+<stop offset="0.291568" stop-color="#2A5470" stop-opacity="0.24"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_4785" x1="215" y1="173.999" x2="215" y2="-0.000549674" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4FC5DD"/>
+<stop offset="1" stop-color="#05839D" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_diamond_56_4785" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop offset="0.511394" stop-color="#0097B8"/>
+<stop offset="0.812834" stop-color="#A2F0FF"/>
+<stop offset="0.835711" stop-color="#91F8FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_4785" x1="0.5" y1="105.704" x2="0.499999" y2="81.7043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DAFF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#30DCFF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_56_4785" x1="429.425" y1="105.704" x2="429.425" y2="81.7043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DAFF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#30DCFF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-4zvr8yn.svg b/.figma/image/mmlqps3t-4zvr8yn.svg
new file mode 100644
index 0000000..9175db6
--- /dev/null
+++ b/.figma/image/mmlqps3t-4zvr8yn.svg
@@ -0,0 +1,34 @@
+<svg width="120" height="10" viewBox="0 0 120 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 10H20L10 0H0L10 10Z" fill="url(#paint0_linear_56_4480)"/>
+<path d="M30 10H40L30 0H20L30 10Z" fill="url(#paint1_linear_56_4480)"/>
+<path d="M50 10H60L50 0H40L50 10Z" fill="url(#paint2_linear_56_4480)"/>
+<path d="M70 10H80L70 0H60L70 10Z" fill="url(#paint3_linear_56_4480)"/>
+<path d="M90 10H100L90 0H80L90 10Z" fill="url(#paint4_linear_56_4480)"/>
+<path d="M110 10H120L110 0H100L110 10Z" fill="url(#paint5_linear_56_4480)"/>
+<defs>
+<linearGradient id="paint0_linear_56_4480" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_4480" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_4480" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint3_linear_56_4480" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_4480" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint5_linear_56_4480" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-7xgw1ze.svg b/.figma/image/mmlqps3t-7xgw1ze.svg
new file mode 100644
index 0000000..13ee0cf
--- /dev/null
+++ b/.figma/image/mmlqps3t-7xgw1ze.svg
@@ -0,0 +1,33 @@
+<svg width="179" height="25" viewBox="0 0 179 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<mask id="mask0_56_4795" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="179" height="28">
+<g opacity="0.8" style="mix-blend-mode:plus-lighter">
+<g clip-path="url(#paint0_diamond_56_4795_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.0411199 -0.0827329 4.93725e-10 89.1332 15.12)"><rect x="0" y="0" width="392.024" height="1089.45" fill="url(#paint0_diamond_56_4795)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(1 -1)" fill="url(#paint0_diamond_56_4795)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(-1 1)" fill="url(#paint0_diamond_56_4795)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(-1)" fill="url(#paint0_diamond_56_4795)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M178.266 14C178.266 7.28 137.785 0 88.5581 0C39.3312 0 0 6.26801 0 14C0 21.732 39.3312 28 88.5581 28C137.785 28 178.266 20.72 178.266 14Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.71666663885116577,&#34;g&#34;:0.93200004100799561,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.60833334922790527,&#34;g&#34;:0.88606065511703491,&#34;b&#34;:1.0,&#34;a&#34;:0.75999999046325684},&#34;position&#34;:0.30251508951187134},{&#34;color&#34;:{&#34;r&#34;:0.42083331942558289,&#34;g&#34;:0.83151531219482422,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-1.3846763362648784e-12,&#34;m01&#34;:-165.46578979492188,&#34;m02&#34;:171.86607360839844,&#34;m10&#34;:-82.239837646484375,&#34;m11&#34;:9.8744919796445174e-07,&#34;m12&#34;:56.239917755126953},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+</g>
+</mask>
+<g mask="url(#mask0_56_4795)">
+<g opacity="0.8" style="mix-blend-mode:plus-lighter">
+<g clip-path="url(#paint1_diamond_56_4795_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.0140001 -0.203396 6.19363e-07 78.2072 13.5001)"><rect x="0" y="0" width="1035.73" height="496.86" fill="url(#paint1_diamond_56_4795)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(1 -1)" fill="url(#paint1_diamond_56_4795)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(-1 1)" fill="url(#paint1_diamond_56_4795)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(-1)" fill="url(#paint1_diamond_56_4795)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M178.266 12.5C178.266 5.5 136.06 -1.90735e-06 86.833 -1.90735e-06C37.6061 -1.90735e-06 0 5.59644 0 12.5C0 19.4036 37.6061 25 86.833 25C136.06 25 178.266 19.5 178.266 12.5Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.71666663885116577,&#34;g&#34;:0.93200004100799561,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.60833334922790527,&#34;g&#34;:0.88606065511703491,&#34;b&#34;:1.0,&#34;a&#34;:0.75999999046325684},&#34;position&#34;:0.30251508951187134},{&#34;color&#34;:{&#34;r&#34;:0.42083331942558289,&#34;g&#34;:0.83151531219482422,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:4.2315560777606009e-12,&#34;m01&#34;:-406.79138183593750,&#34;m02&#34;:281.60284423828125,&#34;m10&#34;:-28.000110626220703,&#34;m11&#34;:0.0012387258466333151,&#34;m12&#34;:27.499488830566406},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+</g>
+</g>
+</g>
+<g opacity="0.1" style="mix-blend-mode:plus-lighter">
+<ellipse cx="88.0813" cy="12.5" rx="88.0813" ry="12.5" transform="matrix(1 0 0 -1 0 25)" fill="url(#paint2_radial_56_4795)"/>
+</g>
+<defs>
+<clipPath id="paint0_diamond_56_4795_clip_path"><path d="M178.266 14C178.266 7.28 137.785 0 88.5581 0C39.3312 0 0 6.26801 0 14C0 21.732 39.3312 28 88.5581 28C137.785 28 178.266 20.72 178.266 14Z"/></clipPath><clipPath id="paint1_diamond_56_4795_clip_path"><path d="M178.266 12.5C178.266 5.5 136.06 -1.90735e-06 86.833 -1.90735e-06C37.6061 -1.90735e-06 0 5.59644 0 12.5C0 19.4036 37.6061 25 86.833 25C136.06 25 178.266 19.5 178.266 12.5Z"/></clipPath><linearGradient id="paint0_diamond_56_4795" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_diamond_56_4795" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint2_radial_56_4795" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(87.2092 12.5) rotate(90) scale(12.5 79.8144)">
+<stop stop-color="#00B1E9"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-98kdzp6.svg b/.figma/image/mmlqps3t-98kdzp6.svg
new file mode 100644
index 0000000..b0ab8b1
--- /dev/null
+++ b/.figma/image/mmlqps3t-98kdzp6.svg
@@ -0,0 +1,21 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_56_5105)">
+<path d="M9.69358 13.8462V10.7294C9.69395 10.4543 9.80327 10.1906 9.99761 9.99598C10.192 9.80134 10.4555 9.69166 10.7305 9.69092H13.8468C14.6682 9.69092 15.4712 9.93454 16.1542 10.391C16.8372 10.8474 17.3695 11.4961 17.6839 12.2552C17.9982 13.0142 18.0805 13.8494 17.9202 14.6551C17.7599 15.4609 17.3644 16.2011 16.7836 16.782C16.2027 17.3629 15.4627 17.7585 14.657 17.9188C13.8514 18.0791 13.0163 17.9968 12.2574 17.6824C11.4985 17.368 10.8499 16.8356 10.3935 16.1525C9.93717 15.4694 9.69358 14.6663 9.69358 13.8448V13.8462ZM0.00276877 13.8462C0.00276877 12.7445 0.440338 11.6879 1.21922 10.9089C1.99809 10.1299 3.05448 9.69231 4.15598 9.69231H7.26811C7.40452 9.69213 7.53961 9.71886 7.66567 9.77099C7.79172 9.82311 7.90626 9.8996 8.00271 9.99606C8.09916 10.0925 8.17563 10.2071 8.22775 10.3332C8.27986 10.4592 8.3066 10.5943 8.30641 10.7308V13.8462C8.30641 14.9478 7.86884 16.0044 7.08997 16.7834C6.31109 17.5624 5.25471 18 4.15321 18C3.05171 18 1.99532 17.5624 1.21645 16.7834C0.437569 16.0044 0 14.9478 0 13.8462H0.00276877ZM10.7305 8.30769C10.4555 8.30696 10.192 8.19727 9.99761 8.00264C9.80327 7.80801 9.69395 7.5443 9.69358 7.26923V4.15385C9.69358 3.33229 9.93717 2.52919 10.3935 1.84609C10.8499 1.163 11.4985 0.630589 12.2574 0.316195C13.0163 0.00179979 13.8514 -0.0804602 14.657 0.0798168C15.4627 0.240094 16.2027 0.63571 16.7836 1.21664C17.3644 1.79756 17.7599 2.53771 17.9202 3.34347C18.0805 4.14924 17.9982 4.98444 17.6839 5.74346C17.3695 6.50247 16.8372 7.15121 16.1542 7.60764C15.4712 8.06407 14.6682 8.30769 13.8468 8.30769H10.7305ZM4.15874 8.30769C3.33732 8.30769 2.53434 8.06407 1.85135 7.60764C1.16835 7.15121 0.636028 6.50247 0.321682 5.74346C0.00733531 4.98444 -0.0749122 4.14924 0.0853402 3.34347C0.245593 2.53771 0.641147 1.79756 1.22198 1.21664C1.80282 0.63571 2.54285 0.240094 3.34849 0.0798168C4.15414 -0.0804602 4.98921 0.00179979 5.74811 0.316195C6.50701 0.630589 7.15565 1.163 7.61201 1.84609C8.06837 2.52919 8.31195 3.33229 8.31195 4.15385V7.27062C8.31213 7.40704 8.2854 7.54216 8.23329 7.66823C8.18117 7.79431 8.1047 7.90886 8.00825 8.00533C7.91179 8.10179 7.79726 8.17828 7.67121 8.2304C7.54515 8.28252 7.41005 8.30926 7.27365 8.30908L4.15874 8.30769Z" fill="url(#paint0_radial_56_5105)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_5105" x="-5" y="-5" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.662745 0 0 0 0 0.941176 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5105"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5105" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_56_5105" cx="0" cy="0" r="1" gradientTransform="matrix(16.875 18 -10.487 7.76812 0.562499 0.5)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A9F0FF"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-9jqr1on.svg b/.figma/image/mmlqps3t-9jqr1on.svg
new file mode 100644
index 0000000..6fb0352
--- /dev/null
+++ b/.figma/image/mmlqps3t-9jqr1on.svg
@@ -0,0 +1,24 @@
+<svg width="70" height="20" viewBox="0 0 70 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M55 0H45L60 20H70L55 0Z" fill="url(#paint0_linear_55_586)"/>
+<path d="M40 0H30L45 20H55L40 0Z" fill="url(#paint1_linear_55_586)"/>
+<path d="M25 0H15L30 20H40L25 0Z" fill="url(#paint2_linear_55_586)"/>
+<path d="M10 0H0L15 20H25L10 0Z" fill="url(#paint3_linear_55_586)"/>
+<defs>
+<linearGradient id="paint0_linear_55_586" x1="70" y1="20" x2="3" y2="1.21338e-06" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547FB0" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#547FB0" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_586" x1="70" y1="20" x2="3" y2="1.21338e-06" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547FB0" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#547FB0" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint2_linear_55_586" x1="70" y1="20" x2="3" y2="1.21338e-06" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547FB0" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#547FB0" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint3_linear_55_586" x1="70" y1="20" x2="3" y2="1.21338e-06" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547FB0" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#547FB0" stop-opacity="0.1"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-aatic78.svg b/.figma/image/mmlqps3t-aatic78.svg
new file mode 100644
index 0000000..f154ac0
--- /dev/null
+++ b/.figma/image/mmlqps3t-aatic78.svg
@@ -0,0 +1,9 @@
+<svg width="445" height="31" viewBox="0 0 445 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M444.47 0V31H58.9229C53.9935 30.9999 49.2795 28.9785 45.8818 25.4072L33.6904 12.5918C30.2927 9.0205 25.5788 6.99905 20.6494 6.99902H6.91406L0 0H444.47Z" fill="url(#paint0_radial_148399_947)"/>
+<defs>
+<radialGradient id="paint0_radial_148399_947" cx="0" cy="0" r="1" gradientTransform="matrix(-15.6815 62.4999 -2023.2 -348.873 70.5306 -35.5)" gradientUnits="userSpaceOnUse">
+<stop offset="0.851191" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.63"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-bepkked.svg b/.figma/image/mmlqps3t-bepkked.svg
new file mode 100644
index 0000000..70f3ee4
--- /dev/null
+++ b/.figma/image/mmlqps3t-bepkked.svg
@@ -0,0 +1,17 @@
+<svg width="430" height="34" viewBox="0 0 430 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_4465" fill="white">
+<path d="M165 0L175 10H430V34H0V10L10 0H165Z"/>
+</mask>
+<path d="M165 0L175 10H430V34H0V10L10 0H165Z" fill="url(#paint0_linear_56_4465)"/>
+<path d="M165 0L165.707 -0.707107L165.414 -1H165V0ZM175 10L174.293 10.7071L174.586 11H175V10ZM430 10H431V9H430V10ZM430 34V35H431V34H430ZM0 34H-1V35H0V34ZM0 10L-0.707107 9.29289L-1 9.58579V10H0ZM10 0V-1H9.58579L9.29289 -0.707107L10 0ZM165 0L164.293 0.707107L174.293 10.7071L175 10L175.707 9.29289L165.707 -0.707107L165 0ZM175 10V11H430V10V9H175V10ZM430 10H429V34H430H431V10H430ZM430 34V33H0V34V35H430V34ZM0 34H1V10H0H-1V34H0ZM0 10L0.707107 10.7071L10.7071 0.707107L10 0L9.29289 -0.707107L-0.707107 9.29289L0 10ZM10 0V1H165V0V-1H10V0Z" fill="url(#paint1_linear_56_4465)" mask="url(#path-1-inside-1_56_4465)"/>
+<defs>
+<linearGradient id="paint0_linear_56_4465" x1="430" y1="17" x2="8.58724" y2="17" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0.11"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_4465" x1="44.1829" y1="13" x2="44.183" y2="-7.00005" gradientUnits="userSpaceOnUse">
+<stop stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-cgqj6wt.svg b/.figma/image/mmlqps3t-cgqj6wt.svg
new file mode 100644
index 0000000..4a752ef
--- /dev/null
+++ b/.figma/image/mmlqps3t-cgqj6wt.svg
@@ -0,0 +1,9 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.54882 2.93152C9.84792 2.00969 11.1521 2.00969 11.4512 2.93152L12.7544 6.94795C12.8881 7.36017 13.2722 7.63932 13.7056 7.63932H17.9258C18.8942 7.63932 19.2972 8.87823 18.5141 9.44795L15.0975 11.9337C14.7475 12.1884 14.601 12.6393 14.7346 13.051L16.0391 17.0713C16.3381 17.9929 15.283 18.7586 14.4996 18.1886L11.0883 15.7067C10.7376 15.4515 10.2624 15.4515 9.91168 15.7067L6.50042 18.1886C5.71697 18.7586 4.6619 17.9929 4.96091 17.0713L6.26538 13.051C6.39896 12.6393 6.25251 12.1884 5.90252 11.9337L2.4859 9.44795C1.70284 8.87823 2.10583 7.63932 3.07422 7.63932H7.29443C7.72781 7.63932 8.11186 7.36017 8.24561 6.94795L9.54882 2.93152Z" fill="url(#paint0_linear_56_4134)"/>
+<defs>
+<linearGradient id="paint0_linear_56_4134" x1="10.5" y1="0" x2="10.5" y2="20" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1D5A6D"/>
+<stop offset="1" stop-color="#31DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-dasrsmb.svg b/.figma/image/mmlqps3t-dasrsmb.svg
new file mode 100644
index 0000000..9d61591
--- /dev/null
+++ b/.figma/image/mmlqps3t-dasrsmb.svg
@@ -0,0 +1,24 @@
+<svg width="70" height="20" viewBox="0 0 70 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 0H25L10 20H0L15 0Z" fill="url(#paint0_linear_55_573)"/>
+<path d="M30 0H40L25 20H15L30 0Z" fill="url(#paint1_linear_55_573)"/>
+<path d="M45 0H55L40 20H30L45 0Z" fill="url(#paint2_linear_55_573)"/>
+<path d="M60 0H70L55 20H45L60 0Z" fill="url(#paint3_linear_55_573)"/>
+<defs>
+<linearGradient id="paint0_linear_55_573" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547FB0" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#547FB0" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_573" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547FB0" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#547FB0" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint2_linear_55_573" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547FB0" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#547FB0" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint3_linear_55_573" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547FB0" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#547FB0" stop-opacity="0.1"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-e12uei6.svg b/.figma/image/mmlqps3t-e12uei6.svg
new file mode 100644
index 0000000..6a29af3
--- /dev/null
+++ b/.figma/image/mmlqps3t-e12uei6.svg
@@ -0,0 +1,33 @@
+<svg width="179" height="25" viewBox="0 0 179 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<mask id="mask0_56_4472" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="179" height="28">
+<g opacity="0.8" style="mix-blend-mode:plus-lighter">
+<g clip-path="url(#paint0_diamond_56_4472_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.0411199 -0.0827329 4.93725e-10 89.1332 15.12)"><rect x="0" y="0" width="392.024" height="1089.45" fill="url(#paint0_diamond_56_4472)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(1 -1)" fill="url(#paint0_diamond_56_4472)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(-1 1)" fill="url(#paint0_diamond_56_4472)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(-1)" fill="url(#paint0_diamond_56_4472)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M178.266 14C178.266 7.28 137.785 0 88.5581 0C39.3312 0 0 6.26801 0 14C0 21.732 39.3312 28 88.5581 28C137.785 28 178.266 20.72 178.266 14Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.71666663885116577,&#34;g&#34;:0.93200004100799561,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.60833334922790527,&#34;g&#34;:0.88606065511703491,&#34;b&#34;:1.0,&#34;a&#34;:0.75999999046325684},&#34;position&#34;:0.30251508951187134},{&#34;color&#34;:{&#34;r&#34;:0.42083331942558289,&#34;g&#34;:0.83151531219482422,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-1.3846763362648784e-12,&#34;m01&#34;:-165.46578979492188,&#34;m02&#34;:171.86607360839844,&#34;m10&#34;:-82.239837646484375,&#34;m11&#34;:9.8744919796445174e-07,&#34;m12&#34;:56.239917755126953},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+</g>
+</mask>
+<g mask="url(#mask0_56_4472)">
+<g opacity="0.8" style="mix-blend-mode:plus-lighter">
+<g clip-path="url(#paint1_diamond_56_4472_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.0140001 -0.203396 6.19363e-07 78.2072 13.5001)"><rect x="0" y="0" width="1035.73" height="496.86" fill="url(#paint1_diamond_56_4472)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(1 -1)" fill="url(#paint1_diamond_56_4472)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(-1 1)" fill="url(#paint1_diamond_56_4472)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(-1)" fill="url(#paint1_diamond_56_4472)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M178.266 12.5C178.266 5.5 136.06 -1.90735e-06 86.833 -1.90735e-06C37.6061 -1.90735e-06 0 5.59644 0 12.5C0 19.4036 37.6061 25 86.833 25C136.06 25 178.266 19.5 178.266 12.5Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.71666663885116577,&#34;g&#34;:0.93200004100799561,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.60833334922790527,&#34;g&#34;:0.88606065511703491,&#34;b&#34;:1.0,&#34;a&#34;:0.75999999046325684},&#34;position&#34;:0.30251508951187134},{&#34;color&#34;:{&#34;r&#34;:0.42083331942558289,&#34;g&#34;:0.83151531219482422,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:4.2315560777606009e-12,&#34;m01&#34;:-406.79138183593750,&#34;m02&#34;:281.60284423828125,&#34;m10&#34;:-28.000110626220703,&#34;m11&#34;:0.0012387258466333151,&#34;m12&#34;:27.499488830566406},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+</g>
+</g>
+</g>
+<g opacity="0.1" style="mix-blend-mode:plus-lighter">
+<ellipse cx="88.0813" cy="12.5" rx="88.0813" ry="12.5" transform="matrix(1 0 0 -1 0 25)" fill="url(#paint2_radial_56_4472)"/>
+</g>
+<defs>
+<clipPath id="paint0_diamond_56_4472_clip_path"><path d="M178.266 14C178.266 7.28 137.785 0 88.5581 0C39.3312 0 0 6.26801 0 14C0 21.732 39.3312 28 88.5581 28C137.785 28 178.266 20.72 178.266 14Z"/></clipPath><clipPath id="paint1_diamond_56_4472_clip_path"><path d="M178.266 12.5C178.266 5.5 136.06 -1.90735e-06 86.833 -1.90735e-06C37.6061 -1.90735e-06 0 5.59644 0 12.5C0 19.4036 37.6061 25 86.833 25C136.06 25 178.266 19.5 178.266 12.5Z"/></clipPath><linearGradient id="paint0_diamond_56_4472" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_diamond_56_4472" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint2_radial_56_4472" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(87.2092 12.5) rotate(90) scale(12.5 79.8144)">
+<stop stop-color="#00B1E9"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-fk1oco2.svg b/.figma/image/mmlqps3t-fk1oco2.svg
new file mode 100644
index 0000000..70f3a11
--- /dev/null
+++ b/.figma/image/mmlqps3t-fk1oco2.svg
@@ -0,0 +1,7 @@
+<svg width="150" height="6" viewBox="0 0 150 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M58.1079 0H91.8917L95.27 6H54.7295L58.1079 0Z" fill="#477CB5"/>
+<path d="M2.02703 6H35.8108L37.8378 4H0L2.02703 6Z" fill="#477CB5"/>
+<path d="M114.189 6H147.973L150 4H112.162L114.189 6Z" fill="#477CB5"/>
+<path d="M105.406 0H98.649L102.027 6H108.784L105.406 0Z" fill="#6CB3FD"/>
+<path d="M44.5942 0H51.351L47.9726 6H41.2158L44.5942 0Z" fill="#6CB3FD"/>
+</svg>
diff --git a/.figma/image/mmlqps3t-h6hro2d.svg b/.figma/image/mmlqps3t-h6hro2d.svg
new file mode 100644
index 0000000..8733e2e
--- /dev/null
+++ b/.figma/image/mmlqps3t-h6hro2d.svg
@@ -0,0 +1,9 @@
+<svg width="260" height="7" viewBox="0 0 260 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M260 0H0L7 7H260V0Z" fill="url(#paint0_linear_56_4419)"/>
+<defs>
+<linearGradient id="paint0_linear_56_4419" x1="453.013" y1="4.99999" x2="9.04682" y2="4.99992" gradientUnits="userSpaceOnUse">
+<stop offset="0.429792" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-i0j71e6.svg b/.figma/image/mmlqps3t-i0j71e6.svg
new file mode 100644
index 0000000..1fd5820
--- /dev/null
+++ b/.figma/image/mmlqps3t-i0j71e6.svg
@@ -0,0 +1,26 @@
+<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_56_3074)">
+<path d="M6.45242 10.5307C6.45242 9.14108 8.23946 6.52301 9.29882 5.09321C7.67395 2.44722 5.69179 0 5.69179 0C5.69179 0 0 7.02668 0 10.1409C0 13.2551 2.55057 15.7835 5.69179 15.7835C7.27989 15.7835 8.71644 15.1365 9.74932 14.0949C7.90351 13.9374 6.45242 12.401 6.45242 10.5307ZM4.55285 13.6168C4.5352 13.6774 4.50563 13.7338 4.46586 13.7829C4.42608 13.832 4.37689 13.8729 4.32111 13.903C4.26533 13.9332 4.20408 13.9521 4.14088 13.9587C4.07769 13.9653 4.01381 13.9594 3.95293 13.9414C2.13159 13.383 1.0692 11.492 1.58855 9.64586C1.6062 9.58535 1.63576 9.5289 1.67554 9.47978C1.71531 9.43065 1.76451 9.38983 1.82029 9.35966C1.87607 9.32948 1.93732 9.31056 2.00051 9.30399C2.06371 9.29741 2.12759 9.30331 2.18847 9.32134C2.24951 9.33884 2.30645 9.36815 2.356 9.40759C2.40555 9.44702 2.44674 9.49579 2.47717 9.55109C2.5076 9.60638 2.52669 9.66711 2.53332 9.72976C2.53995 9.7924 2.534 9.85573 2.51581 9.91609C2.12209 11.244 2.88596 12.6318 4.2254 13.022C4.28644 13.0395 4.34338 13.0688 4.39293 13.1082C4.44248 13.1477 4.48366 13.1964 4.5141 13.2517C4.54453 13.307 4.56361 13.3677 4.57025 13.4304C4.57688 13.493 4.57093 13.5564 4.55274 13.6167L4.55285 13.6168Z" fill="url(#paint0_radial_56_3074)"/>
+<path d="M10.3179 3.98924C10.3179 3.98924 6.77941 8.50134 6.81082 10.476C6.84222 12.4507 8.48497 14.0289 10.477 13.9977C12.4689 13.9666 14.0608 12.338 14.0294 10.3632C13.9979 8.38855 10.3179 3.98913 10.3179 3.98913V3.98924ZM8.99761 12.3195C8.97549 12.3529 8.94692 12.3816 8.91354 12.404C8.88017 12.4264 8.84265 12.442 8.80315 12.45C8.76365 12.4579 8.72296 12.458 8.68343 12.4502C8.6439 12.4425 8.6063 12.4271 8.57282 12.4048C7.57458 11.7286 7.28781 10.3856 7.9511 9.36331C7.97322 9.32992 8.00179 9.3012 8.03517 9.27881C8.06855 9.25643 8.10606 9.24082 8.14556 9.23288C8.18506 9.22495 8.22575 9.22485 8.26528 9.2326C8.30482 9.24034 8.34241 9.25577 8.3759 9.278C8.40958 9.29993 8.43855 9.32826 8.46113 9.36135C8.48372 9.39443 8.49946 9.43163 8.50746 9.47079C8.51546 9.50994 8.51556 9.55028 8.50775 9.58947C8.49994 9.62867 8.48437 9.66594 8.46195 9.69913C8.34557 9.87273 8.26487 10.0674 8.22448 10.2719C8.18409 10.4765 8.18479 10.6869 8.22656 10.8912C8.26832 11.0955 8.35032 11.2896 8.46786 11.4625C8.58541 11.6353 8.73618 11.7834 8.91156 11.8984C8.94524 11.9203 8.97422 11.9487 8.9968 11.9817C9.01938 12.0148 9.03513 12.052 9.04313 12.0912C9.05113 12.1303 9.05122 12.1707 9.04341 12.2099C9.0356 12.2491 9.02003 12.2863 8.99761 12.3195Z" fill="url(#paint1_radial_56_3074)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_3074" x="-5" y="-5" width="24.0303" height="25.7836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.662745 0 0 0 0 0.941176 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_3074"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_3074" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_56_3074" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.438431 0.438431) rotate(50.1944) scale(20.5456 10.64)">
+<stop stop-color="#A9F0FF"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<radialGradient id="paint1_radial_56_3074" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.438431 0.438431) rotate(50.1944) scale(20.5456 10.64)">
+<stop stop-color="#A9F0FF"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-i26tds2.svg b/.figma/image/mmlqps3t-i26tds2.svg
new file mode 100644
index 0000000..d9fd229
--- /dev/null
+++ b/.figma/image/mmlqps3t-i26tds2.svg
@@ -0,0 +1,9 @@
+<svg width="260" height="7" viewBox="0 0 260 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M260 0H0L7 7H260V0Z" fill="url(#paint0_linear_56_4126)"/>
+<defs>
+<linearGradient id="paint0_linear_56_4126" x1="453.013" y1="4.99999" x2="9.04682" y2="4.99992" gradientUnits="userSpaceOnUse">
+<stop offset="0.429792" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-idph0b5.svg b/.figma/image/mmlqps3t-idph0b5.svg
new file mode 100644
index 0000000..1f23cda
--- /dev/null
+++ b/.figma/image/mmlqps3t-idph0b5.svg
@@ -0,0 +1,24 @@
+<svg width="70" height="20" viewBox="0 0 70 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 0H25L10 20H0L15 0Z" fill="url(#paint0_linear_55_584)"/>
+<path d="M30 0H40L25 20H15L30 0Z" fill="url(#paint1_linear_55_584)"/>
+<path d="M45 0H55L40 20H30L45 0Z" fill="url(#paint2_linear_55_584)"/>
+<path d="M60 0H70L55 20H45L60 0Z" fill="url(#paint3_linear_55_584)"/>
+<defs>
+<linearGradient id="paint0_linear_55_584" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547FB0" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#547FB0" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_584" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547FB0" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#547FB0" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint2_linear_55_584" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547FB0" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#547FB0" stop-opacity="0.1"/>
+</linearGradient>
+<linearGradient id="paint3_linear_55_584" x1="2.9356e-08" y1="19.7673" x2="70" y2="0.232692" gradientUnits="userSpaceOnUse">
+<stop stop-color="#547FB0" stop-opacity="0.8"/>
+<stop offset="1" stop-color="#547FB0" stop-opacity="0.1"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-ioh02cm.svg b/.figma/image/mmlqps3t-ioh02cm.svg
new file mode 100644
index 0000000..b2a2737
--- /dev/null
+++ b/.figma/image/mmlqps3t-ioh02cm.svg
@@ -0,0 +1,21 @@
+<svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_56_4775)">
+<path d="M0 3.50299C0 3.34731 0.128993 3.2485 0.386978 3.20659C0.644963 3.16467 0.970516 3.12275 1.36364 3.08084C1.75676 3.03892 2.18673 2.96707 2.65356 2.86527C3.12039 2.76347 3.56265 2.56886 3.98034 2.28144C4.27518 2.08982 4.54853 1.88323 4.80037 1.66168C5.05221 1.44012 5.29484 1.22754 5.52826 1.02395C5.76167 0.820359 5.99201 0.634731 6.21929 0.467066C6.44656 0.299401 6.68919 0.167665 6.94718 0.0718563V6.75449H0.07371C0.04914 6.26347 0.0307124 5.7515 0.0184274 5.21856C0.00614239 4.68563 0 4.11377 0 3.50299ZM6.21007 17.6048C5.5344 17.1018 4.92629 16.6287 4.38575 16.1856C3.84521 15.7425 3.36302 15.2994 2.93919 14.8563C2.51536 14.4132 2.14681 13.9551 1.83354 13.482C1.52027 13.009 1.25 12.497 1.02273 11.9461C0.795455 11.3952 0.611179 10.7934 0.469902 10.1407C0.328624 9.48802 0.22113 8.7485 0.14742 7.92216H6.94718V17.9102C6.81204 17.8743 6.68305 17.8323 6.5602 17.7844C6.43735 17.7365 6.32064 17.6766 6.21007 17.6048ZM8.10811 7.92216H14.871C14.8096 8.7485 14.7144 9.48204 14.5854 10.1228C14.4564 10.7635 14.2905 11.3503 14.0878 11.8832C13.8851 12.4162 13.6333 12.9102 13.3323 13.3653C13.0313 13.8204 12.6751 14.2725 12.2635 14.7216C11.852 15.1707 11.3759 15.6377 10.8354 16.1228C10.2948 16.6078 9.68673 17.1437 9.01106 17.7305C8.74079 17.8743 8.4398 17.9641 8.10811 18V7.92216ZM11.3698 2.5509C11.7138 2.79042 12.0946 2.94611 12.5123 3.01796C12.93 3.08982 13.3231 3.13772 13.6916 3.16168C14.0602 3.18563 14.3704 3.20659 14.6222 3.22455C14.8741 3.24252 15 3.31138 15 3.43114C15 4.67665 14.9816 5.78443 14.9447 6.75449H8.10811V0C8.41523 0.0718563 8.70393 0.206587 8.9742 0.404192C9.24447 0.601796 9.50553 0.823353 9.75737 1.06886C10.0092 1.31437 10.2641 1.56886 10.5221 1.83234C10.7801 2.09581 11.0627 2.33533 11.3698 2.5509Z" fill="url(#paint0_radial_56_4775)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_4775" x="-5" y="-5" width="25" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.662745 0 0 0 0 0.941176 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_4775"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_4775" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_56_4775" cx="0" cy="0" r="1" gradientTransform="matrix(14.0625 18 -8.73914 7.76812 0.46875 0.5)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A9F0FF"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-jblxcaz.svg b/.figma/image/mmlqps3t-jblxcaz.svg
new file mode 100644
index 0000000..015e16f
--- /dev/null
+++ b/.figma/image/mmlqps3t-jblxcaz.svg
@@ -0,0 +1,19 @@
+<svg width="451" height="31" viewBox="0 0 451 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_148399_940" fill="white">
+<path d="M450.999 0V31H66.6396C61.701 31 56.9789 28.9707 53.5801 25.3877L41.4609 12.6113C38.0621 9.02822 33.3401 6.99902 28.4014 6.99902H0V0H450.999Z"/>
+</mask>
+<path d="M450.999 0V31H66.6396C61.701 31 56.9789 28.9707 53.5801 25.3877L41.4609 12.6113C38.0621 9.02822 33.3401 6.99902 28.4014 6.99902H0V0H450.999Z" fill="url(#paint0_linear_148399_940)"/>
+<path d="M450.999 0H451.999V-1H450.999V0ZM450.999 31V32H451.999V31H450.999ZM53.5801 25.3877L52.8546 26.0759L52.8546 26.0759L53.5801 25.3877ZM41.4609 12.6113L42.1865 11.9231L42.1865 11.9231L41.4609 12.6113ZM0 6.99902H-1V7.99902H0V6.99902ZM0 0V-1H-1V0H0ZM450.999 0H449.999V31H450.999H451.999V0H450.999ZM450.999 31V30H66.6396V31V32H450.999V31ZM66.6396 31V30C61.9754 30 57.5156 28.0835 54.3056 24.6995L53.5801 25.3877L52.8546 26.0759C56.4422 29.858 61.4266 32 66.6396 32V31ZM53.5801 25.3877L54.3056 24.6995L42.1865 11.9231L41.4609 12.6113L40.7354 13.2995L52.8546 26.0759L53.5801 25.3877ZM41.4609 12.6113L42.1865 11.9231C38.5988 8.14094 33.6144 5.99902 28.4014 5.99902V6.99902V7.99902C33.0657 7.99902 37.5254 9.9155 40.7354 13.2995L41.4609 12.6113ZM28.4014 6.99902V5.99902H0V6.99902V7.99902H28.4014V6.99902ZM0 6.99902H1V0H0H-1V6.99902H0ZM0 0V1H450.999V0V-1H0V0Z" fill="url(#paint1_linear_148399_940)" mask="url(#path-1-inside-1_148399_940)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_940" x1="451.001" y1="9.49998" x2="2.19874" y2="9.49995" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0.1"/>
+<stop offset="0.483339" stop-color="#35A8EB" stop-opacity="0.12"/>
+<stop offset="0.73693" stop-color="#30C1FF" stop-opacity="0.43"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.12"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_940" x1="39.2417" y1="24" x2="41.5791" y2="13.6974" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-ldot55p.svg b/.figma/image/mmlqps3t-ldot55p.svg
new file mode 100644
index 0000000..c61f6fe
--- /dev/null
+++ b/.figma/image/mmlqps3t-ldot55p.svg
@@ -0,0 +1,18 @@
+<svg width="210" height="120" viewBox="0 0 210 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 0.5H205C207.485 0.5 209.5 2.51472 209.5 5V114.793L204.793 119.5H5.20703L0.5 114.793V5C0.5 2.51472 2.51472 0.5 5 0.5Z" fill="url(#paint0_linear_55_576)" stroke="url(#paint1_linear_55_576)"/>
+<path d="M94.1079 113H127.892L131.27 119H90.7295L94.1079 113Z" fill="#477CB5"/>
+<path d="M38.027 119H71.8108L73.8378 117H36L38.027 119Z" fill="#477CB5"/>
+<path d="M150.189 119H183.973L186 117H148.162L150.189 119Z" fill="#477CB5"/>
+<path d="M141.405 113H134.649L138.027 119H144.784L141.405 113Z" fill="#6CB3FD"/>
+<path d="M80.5947 113H87.3514L83.9731 119H77.2163L80.5947 113Z" fill="#6CB3FD"/>
+<defs>
+<linearGradient id="paint0_linear_55_576" x1="215" y1="0" x2="215" y2="120" gradientUnits="userSpaceOnUse">
+<stop stop-color="#053460" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#053460"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_576" x1="215" y1="120" x2="215" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#679AC5"/>
+<stop offset="1" stop-color="#679AC5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-lru03hg.svg b/.figma/image/mmlqps3t-lru03hg.svg
new file mode 100644
index 0000000..d652d5f
--- /dev/null
+++ b/.figma/image/mmlqps3t-lru03hg.svg
@@ -0,0 +1,34 @@
+<svg width="120" height="10" viewBox="0 0 120 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 10H20L10 0H0L10 10Z" fill="url(#paint0_linear_56_3868)"/>
+<path d="M30 10H40L30 0H20L30 10Z" fill="url(#paint1_linear_56_3868)"/>
+<path d="M50 10H60L50 0H40L50 10Z" fill="url(#paint2_linear_56_3868)"/>
+<path d="M70 10H80L70 0H60L70 10Z" fill="url(#paint3_linear_56_3868)"/>
+<path d="M90 10H100L90 0H80L90 10Z" fill="url(#paint4_linear_56_3868)"/>
+<path d="M110 10H120L110 0H100L110 10Z" fill="url(#paint5_linear_56_3868)"/>
+<defs>
+<linearGradient id="paint0_linear_56_3868" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_3868" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_3868" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint3_linear_56_3868" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_3868" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint5_linear_56_3868" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-ml8x6eu.svg b/.figma/image/mmlqps3t-ml8x6eu.svg
new file mode 100644
index 0000000..7050f41
--- /dev/null
+++ b/.figma/image/mmlqps3t-ml8x6eu.svg
@@ -0,0 +1,49 @@
+<svg width="430" height="174" viewBox="0 0 430 174" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_4462" fill="white">
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z"/>
+</mask>
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z" fill="url(#paint0_radial_56_4462)"/>
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z" fill="url(#paint1_linear_56_4462)"/>
+<path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" fill="url(#paint2_linear_56_4462)" mask="url(#path-1-inside-1_56_4462)"/>
+<g clip-path="url(#paint3_diamond_56_4462_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_56_4462)"><g transform="matrix(0 -0.101374 0.264743 -1.12897e-10 215 174)"><rect x="0" y="0" width="1726.28" height="815.885" fill="url(#paint3_diamond_56_4462)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(1 -1)" fill="url(#paint3_diamond_56_4462)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(-1 1)" fill="url(#paint3_diamond_56_4462)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(-1)" fill="url(#paint3_diamond_56_4462)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.59033554792404175,&#34;b&#34;:0.71992188692092896,&#34;a&#34;:1.0},&#34;position&#34;:0.51139414310455322},{&#34;color&#34;:{&#34;r&#34;:0.63574218750,&#34;g&#34;:0.94204998016357422,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.81283402442932129},{&#34;color&#34;:{&#34;r&#34;:0.56757813692092896,&#34;g&#34;:0.97187495231628418,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.83571147918701172}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-3.4441163029169664e-12,&#34;m01&#34;:529.48614501953125,&#34;m02&#34;:-49.743061065673828,&#34;m10&#34;:-202.74781799316406,&#34;m11&#34;:-2.2579477843009954e-07,&#34;m12&#34;:275.37390136718750},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_56_4462)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 81.7043L1 81.7043L1 105.704L1.04907e-06 105.704L0 81.7043Z" fill="url(#paint4_linear_56_4462)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 107.704L1 107.704L1 108.704L4.37114e-08 108.704L0 107.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 110.704L1 110.704L1 111.704L4.37114e-08 111.704L0 110.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 113.704L1 113.704L1 114.704L4.37114e-08 114.704L0 113.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 81.7043L429.925 81.7043L429.925 105.704L428.925 105.704L428.925 81.7043Z" fill="url(#paint5_linear_56_4462)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 107.704L429.925 107.704L429.925 108.704L428.925 108.704L428.925 107.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 110.704L429.925 110.704L429.925 111.704L428.925 111.704L428.925 110.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 113.704L429.925 113.704L429.925 114.704L428.925 114.704L428.925 113.704Z" fill="#30DAFF"/>
+<path d="M3 166L8 171H3V166Z" fill="#34636E"/>
+<path d="M427 166L422 171H427V166Z" fill="#34636E"/>
+<defs>
+<clipPath id="paint3_diamond_56_4462_clip_path"><path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" mask="url(#path-1-inside-1_56_4462)"/></clipPath><radialGradient id="paint0_radial_56_4462" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(215 86.9995) rotate(-90) scale(87 215)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint1_linear_56_4462" x1="58.2274" y1="71.7592" x2="25.2975" y2="-10.1681" gradientUnits="userSpaceOnUse">
+<stop offset="0.0104167" stop-color="#2A5470" stop-opacity="0"/>
+<stop offset="0.291568" stop-color="#2A5470" stop-opacity="0.24"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_4462" x1="215" y1="173.999" x2="215" y2="-0.000549674" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4FC5DD"/>
+<stop offset="1" stop-color="#05839D" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_diamond_56_4462" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop offset="0.511394" stop-color="#0097B8"/>
+<stop offset="0.812834" stop-color="#A2F0FF"/>
+<stop offset="0.835711" stop-color="#91F8FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_4462" x1="0.5" y1="105.704" x2="0.499999" y2="81.7043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DAFF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#30DCFF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_56_4462" x1="429.425" y1="105.704" x2="429.425" y2="81.7043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DAFF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#30DCFF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-oauqxmb.svg b/.figma/image/mmlqps3t-oauqxmb.svg
new file mode 100644
index 0000000..cac12a2
--- /dev/null
+++ b/.figma/image/mmlqps3t-oauqxmb.svg
@@ -0,0 +1,3 @@
+<svg width="353" height="40" viewBox="0 0 353 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 5C0 2.23858 2.23858 0 5 0H348C350.761 0 353 2.23858 353 5V35C353 37.7614 350.761 40 348 40H5.00001C2.23858 40 0 37.7614 0 35V5Z" fill="#001B3D"/>
+</svg>
diff --git a/.figma/image/mmlqps3t-oew1ptr.svg b/.figma/image/mmlqps3t-oew1ptr.svg
new file mode 100644
index 0000000..9dbb75c
--- /dev/null
+++ b/.figma/image/mmlqps3t-oew1ptr.svg
@@ -0,0 +1,49 @@
+<svg width="430" height="174" viewBox="0 0 430 174" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_3523" fill="white">
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z"/>
+</mask>
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z" fill="url(#paint0_radial_56_3523)"/>
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z" fill="url(#paint1_linear_56_3523)"/>
+<path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" fill="url(#paint2_linear_56_3523)" mask="url(#path-1-inside-1_56_3523)"/>
+<g clip-path="url(#paint3_diamond_56_3523_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_56_3523)"><g transform="matrix(0 -0.101374 0.264743 -1.12897e-10 215 174)"><rect x="0" y="0" width="1726.28" height="815.885" fill="url(#paint3_diamond_56_3523)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(1 -1)" fill="url(#paint3_diamond_56_3523)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(-1 1)" fill="url(#paint3_diamond_56_3523)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(-1)" fill="url(#paint3_diamond_56_3523)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.59033554792404175,&#34;b&#34;:0.71992188692092896,&#34;a&#34;:1.0},&#34;position&#34;:0.51139414310455322},{&#34;color&#34;:{&#34;r&#34;:0.63574218750,&#34;g&#34;:0.94204998016357422,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.81283402442932129},{&#34;color&#34;:{&#34;r&#34;:0.56757813692092896,&#34;g&#34;:0.97187495231628418,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.83571147918701172}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-3.4441163029169664e-12,&#34;m01&#34;:529.48614501953125,&#34;m02&#34;:-49.743061065673828,&#34;m10&#34;:-202.74781799316406,&#34;m11&#34;:-2.2579477843009954e-07,&#34;m12&#34;:275.37390136718750},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_56_3523)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 81.7043L1 81.7043L1 105.704L1.04907e-06 105.704L0 81.7043Z" fill="url(#paint4_linear_56_3523)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 107.704L1 107.704L1 108.704L4.37114e-08 108.704L0 107.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 110.704L1 110.704L1 111.704L4.37114e-08 111.704L0 110.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 113.704L1 113.704L1 114.704L4.37114e-08 114.704L0 113.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 81.7043L429.925 81.7043L429.925 105.704L428.925 105.704L428.925 81.7043Z" fill="url(#paint5_linear_56_3523)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 107.704L429.925 107.704L429.925 108.704L428.925 108.704L428.925 107.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 110.704L429.925 110.704L429.925 111.704L428.925 111.704L428.925 110.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 113.704L429.925 113.704L429.925 114.704L428.925 114.704L428.925 113.704Z" fill="#30DAFF"/>
+<path d="M3 166L8 171H3V166Z" fill="#34636E"/>
+<path d="M427 166L422 171H427V166Z" fill="#34636E"/>
+<defs>
+<clipPath id="paint3_diamond_56_3523_clip_path"><path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" mask="url(#path-1-inside-1_56_3523)"/></clipPath><radialGradient id="paint0_radial_56_3523" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(215 86.9995) rotate(-90) scale(87 215)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint1_linear_56_3523" x1="58.2274" y1="71.7592" x2="25.2975" y2="-10.1681" gradientUnits="userSpaceOnUse">
+<stop offset="0.0104167" stop-color="#2A5470" stop-opacity="0"/>
+<stop offset="0.291568" stop-color="#2A5470" stop-opacity="0.24"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_3523" x1="215" y1="173.999" x2="215" y2="-0.000549674" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4FC5DD"/>
+<stop offset="1" stop-color="#05839D" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_diamond_56_3523" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop offset="0.511394" stop-color="#0097B8"/>
+<stop offset="0.812834" stop-color="#A2F0FF"/>
+<stop offset="0.835711" stop-color="#91F8FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_3523" x1="0.5" y1="105.704" x2="0.499999" y2="81.7043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DAFF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#30DCFF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_56_3523" x1="429.425" y1="105.704" x2="429.425" y2="81.7043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DAFF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#30DCFF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-osqhzmj.svg b/.figma/image/mmlqps3t-osqhzmj.svg
new file mode 100644
index 0000000..4063878
--- /dev/null
+++ b/.figma/image/mmlqps3t-osqhzmj.svg
@@ -0,0 +1,34 @@
+<svg width="120" height="10" viewBox="0 0 120 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 10H20L10 0H0L10 10Z" fill="url(#paint0_linear_56_4160)"/>
+<path d="M30 10H40L30 0H20L30 10Z" fill="url(#paint1_linear_56_4160)"/>
+<path d="M50 10H60L50 0H40L50 10Z" fill="url(#paint2_linear_56_4160)"/>
+<path d="M70 10H80L70 0H60L70 10Z" fill="url(#paint3_linear_56_4160)"/>
+<path d="M90 10H100L90 0H80L90 10Z" fill="url(#paint4_linear_56_4160)"/>
+<path d="M110 10H120L110 0H100L110 10Z" fill="url(#paint5_linear_56_4160)"/>
+<defs>
+<linearGradient id="paint0_linear_56_4160" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_4160" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_4160" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint3_linear_56_4160" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_4160" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint5_linear_56_4160" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-r42lgru.svg b/.figma/image/mmlqps3t-r42lgru.svg
new file mode 100644
index 0000000..d09e7f2
--- /dev/null
+++ b/.figma/image/mmlqps3t-r42lgru.svg
@@ -0,0 +1,49 @@
+<svg width="430" height="174" viewBox="0 0 430 174" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_4142" fill="white">
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z"/>
+</mask>
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z" fill="url(#paint0_radial_56_4142)"/>
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z" fill="url(#paint1_linear_56_4142)"/>
+<path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" fill="url(#paint2_linear_56_4142)" mask="url(#path-1-inside-1_56_4142)"/>
+<g clip-path="url(#paint3_diamond_56_4142_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_56_4142)"><g transform="matrix(0 -0.101374 0.264743 -1.12897e-10 215 174)"><rect x="0" y="0" width="1726.28" height="815.885" fill="url(#paint3_diamond_56_4142)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(1 -1)" fill="url(#paint3_diamond_56_4142)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(-1 1)" fill="url(#paint3_diamond_56_4142)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(-1)" fill="url(#paint3_diamond_56_4142)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.59033554792404175,&#34;b&#34;:0.71992188692092896,&#34;a&#34;:1.0},&#34;position&#34;:0.51139414310455322},{&#34;color&#34;:{&#34;r&#34;:0.63574218750,&#34;g&#34;:0.94204998016357422,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.81283402442932129},{&#34;color&#34;:{&#34;r&#34;:0.56757813692092896,&#34;g&#34;:0.97187495231628418,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.83571147918701172}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-3.4441163029169664e-12,&#34;m01&#34;:529.48614501953125,&#34;m02&#34;:-49.743061065673828,&#34;m10&#34;:-202.74781799316406,&#34;m11&#34;:-2.2579477843009954e-07,&#34;m12&#34;:275.37390136718750},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_56_4142)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 81.7043L1 81.7043L1 105.704L1.04907e-06 105.704L0 81.7043Z" fill="url(#paint4_linear_56_4142)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 107.704L1 107.704L1 108.704L4.37114e-08 108.704L0 107.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 110.704L1 110.704L1 111.704L4.37114e-08 111.704L0 110.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 113.704L1 113.704L1 114.704L4.37114e-08 114.704L0 113.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 81.7043L429.925 81.7043L429.925 105.704L428.925 105.704L428.925 81.7043Z" fill="url(#paint5_linear_56_4142)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 107.704L429.925 107.704L429.925 108.704L428.925 108.704L428.925 107.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 110.704L429.925 110.704L429.925 111.704L428.925 111.704L428.925 110.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 113.704L429.925 113.704L429.925 114.704L428.925 114.704L428.925 113.704Z" fill="#30DAFF"/>
+<path d="M3 166L8 171H3V166Z" fill="#34636E"/>
+<path d="M427 166L422 171H427V166Z" fill="#34636E"/>
+<defs>
+<clipPath id="paint3_diamond_56_4142_clip_path"><path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" mask="url(#path-1-inside-1_56_4142)"/></clipPath><radialGradient id="paint0_radial_56_4142" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(215 86.9995) rotate(-90) scale(87 215)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint1_linear_56_4142" x1="58.2274" y1="71.7592" x2="25.2975" y2="-10.1681" gradientUnits="userSpaceOnUse">
+<stop offset="0.0104167" stop-color="#2A5470" stop-opacity="0"/>
+<stop offset="0.291568" stop-color="#2A5470" stop-opacity="0.24"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_4142" x1="215" y1="173.999" x2="215" y2="-0.000549674" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4FC5DD"/>
+<stop offset="1" stop-color="#05839D" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_diamond_56_4142" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop offset="0.511394" stop-color="#0097B8"/>
+<stop offset="0.812834" stop-color="#A2F0FF"/>
+<stop offset="0.835711" stop-color="#91F8FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_4142" x1="0.5" y1="105.704" x2="0.499999" y2="81.7043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DAFF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#30DCFF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_56_4142" x1="429.425" y1="105.704" x2="429.425" y2="81.7043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DAFF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#30DCFF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-rs0sjtu.svg b/.figma/image/mmlqps3t-rs0sjtu.svg
new file mode 100644
index 0000000..7c316b3
--- /dev/null
+++ b/.figma/image/mmlqps3t-rs0sjtu.svg
@@ -0,0 +1,45 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_di_55_593)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30 0C46.5685 0 60 13.4315 60 30C60 46.5685 46.5685 60 30 60C13.4315 60 0 46.5685 0 30C0 13.4315 13.4315 0 30 0Z" fill="#655100" fill-opacity="0.75" shape-rendering="crispEdges"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30 0C46.5685 0 60 13.4315 60 30C60 46.5685 46.5685 60 30 60C13.4315 60 0 46.5685 0 30C0 13.4315 13.4315 0 30 0Z" stroke="url(#paint0_linear_55_593)" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter1_d_55_593)">
+<path d="M18.8238 43.9867V33.1558C18.8238 26.6769 23.9296 21.4223 30.2324 21.4223C36.5352 21.4223 41.641 26.677 41.641 33.1558V43.9867H45.5355C46.3443 43.9867 47 44.6614 47 45.4936C47 46.3258 46.3443 47.0005 45.5355 47.0005H14.4645C13.6556 47.0005 13 46.3258 13 45.4936C13 44.6614 13.6556 43.9867 14.4645 43.9867H18.8238ZM31.0583 26.1508L25.4309 35.6834H29.9315L28.8047 42.8329L34.4321 33.3002H29.9314L31.0583 26.1508ZM39.6883 15.6794C40.2166 15.9957 40.3972 16.6939 40.0929 17.2372L38.07 20.8549L36.1574 19.7166L38.1803 16.0989C38.4812 15.5556 39.1566 15.3699 39.6816 15.6794H39.6883ZM30.2291 13.0005C30.8912 13.0005 31.4261 13.5129 31.4261 14.1491V18.2482H29.0321V14.1457C29.032 13.5129 29.567 13.0005 30.2291 13.0005ZM20.7766 15.6794C21.3016 15.3664 21.9769 15.5521 22.2813 16.0921C22.2813 16.0921 22.2813 16.0955 22.2846 16.0955L24.3075 19.7132L22.3949 20.8515L20.372 17.2338C20.0678 16.6904 20.2483 15.9957 20.7766 15.6794ZM13.8551 22.8289C14.1561 22.2855 14.8315 22.0963 15.3598 22.4093C15.3598 22.4093 15.3631 22.4093 15.3631 22.4127L18.8673 24.5036L17.7639 26.4775L14.2597 24.3832C13.7314 24.0703 13.5508 23.3722 13.8551 22.8289ZM46.6097 22.8289C46.914 23.3722 46.7334 24.0703 46.2051 24.3866L42.7009 26.4741L41.5975 24.5002L45.1017 22.4093C45.6266 22.0964 46.302 22.282 46.6063 22.822C46.6063 22.8254 46.6097 22.8254 46.6097 22.8289Z" fill="url(#paint1_linear_55_593)"/>
+</g>
+<defs>
+<filter id="filter0_di_55_593" x="-4.5" y="-4.5" width="69" height="69" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.899038 0 0 0 0 0.567308 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_593"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_593" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.847035 0 0 0 0 0.600962 0 0 0 0.35 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_55_593"/>
+</filter>
+<filter id="filter1_d_55_593" x="3" y="3.00049" width="54" height="54" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.996078 0 0 0 0 0.94902 0 0 0 0 0.74902 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_593"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_593" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_55_593" x1="30" y1="0" x2="30" y2="60" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEF2BF"/>
+<stop offset="1" stop-color="#655100"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_593" x1="30" y1="13.0005" x2="30" y2="47.0005" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#FEF2BF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-s03fmrk.svg b/.figma/image/mmlqps3t-s03fmrk.svg
new file mode 100644
index 0000000..e2fda18
--- /dev/null
+++ b/.figma/image/mmlqps3t-s03fmrk.svg
@@ -0,0 +1,16 @@
+<svg width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6666 14L8.4666 0L0 14H19.6666Z" fill="url(#paint0_linear_148399_956)"/>
+<path d="M25.6668 14H29.6668L18.4668 0H14.4668L25.6668 14Z" fill="url(#paint1_linear_148399_956)"/>
+<defs>
+<linearGradient id="paint0_linear_148399_956" x1="28" y1="14" x2="4.22498" y2="8.11014" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_956" x1="28" y1="14" x2="4.22498" y2="8.11014" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-u9zr83f.svg b/.figma/image/mmlqps3t-u9zr83f.svg
new file mode 100644
index 0000000..b83426d
--- /dev/null
+++ b/.figma/image/mmlqps3t-u9zr83f.svg
@@ -0,0 +1,33 @@
+<svg width="179" height="25" viewBox="0 0 179 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<mask id="mask0_56_3860" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="179" height="28">
+<g opacity="0.8" style="mix-blend-mode:plus-lighter">
+<g clip-path="url(#paint0_diamond_56_3860_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.0411199 -0.0827329 4.93725e-10 89.1332 15.12)"><rect x="0" y="0" width="392.024" height="1089.45" fill="url(#paint0_diamond_56_3860)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(1 -1)" fill="url(#paint0_diamond_56_3860)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(-1 1)" fill="url(#paint0_diamond_56_3860)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(-1)" fill="url(#paint0_diamond_56_3860)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M178.266 14C178.266 7.28 137.785 0 88.5581 0C39.3312 0 0 6.26801 0 14C0 21.732 39.3312 28 88.5581 28C137.785 28 178.266 20.72 178.266 14Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.71666663885116577,&#34;g&#34;:0.93200004100799561,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.60833334922790527,&#34;g&#34;:0.88606065511703491,&#34;b&#34;:1.0,&#34;a&#34;:0.75999999046325684},&#34;position&#34;:0.30251508951187134},{&#34;color&#34;:{&#34;r&#34;:0.42083331942558289,&#34;g&#34;:0.83151531219482422,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-1.3846763362648784e-12,&#34;m01&#34;:-165.46578979492188,&#34;m02&#34;:171.86607360839844,&#34;m10&#34;:-82.239837646484375,&#34;m11&#34;:9.8744919796445174e-07,&#34;m12&#34;:56.239917755126953},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+</g>
+</mask>
+<g mask="url(#mask0_56_3860)">
+<g opacity="0.8" style="mix-blend-mode:plus-lighter">
+<g clip-path="url(#paint1_diamond_56_3860_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.0140001 -0.203396 6.19363e-07 78.2072 13.5001)"><rect x="0" y="0" width="1035.73" height="496.86" fill="url(#paint1_diamond_56_3860)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(1 -1)" fill="url(#paint1_diamond_56_3860)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(-1 1)" fill="url(#paint1_diamond_56_3860)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(-1)" fill="url(#paint1_diamond_56_3860)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M178.266 12.5C178.266 5.5 136.06 -1.90735e-06 86.833 -1.90735e-06C37.6061 -1.90735e-06 0 5.59644 0 12.5C0 19.4036 37.6061 25 86.833 25C136.06 25 178.266 19.5 178.266 12.5Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.71666663885116577,&#34;g&#34;:0.93200004100799561,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.60833334922790527,&#34;g&#34;:0.88606065511703491,&#34;b&#34;:1.0,&#34;a&#34;:0.75999999046325684},&#34;position&#34;:0.30251508951187134},{&#34;color&#34;:{&#34;r&#34;:0.42083331942558289,&#34;g&#34;:0.83151531219482422,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:4.2315560777606009e-12,&#34;m01&#34;:-406.79138183593750,&#34;m02&#34;:281.60284423828125,&#34;m10&#34;:-28.000110626220703,&#34;m11&#34;:0.0012387258466333151,&#34;m12&#34;:27.499488830566406},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+</g>
+</g>
+</g>
+<g opacity="0.1" style="mix-blend-mode:plus-lighter">
+<ellipse cx="88.0813" cy="12.5" rx="88.0813" ry="12.5" transform="matrix(1 0 0 -1 0 25)" fill="url(#paint2_radial_56_3860)"/>
+</g>
+<defs>
+<clipPath id="paint0_diamond_56_3860_clip_path"><path d="M178.266 14C178.266 7.28 137.785 0 88.5581 0C39.3312 0 0 6.26801 0 14C0 21.732 39.3312 28 88.5581 28C137.785 28 178.266 20.72 178.266 14Z"/></clipPath><clipPath id="paint1_diamond_56_3860_clip_path"><path d="M178.266 12.5C178.266 5.5 136.06 -1.90735e-06 86.833 -1.90735e-06C37.6061 -1.90735e-06 0 5.59644 0 12.5C0 19.4036 37.6061 25 86.833 25C136.06 25 178.266 19.5 178.266 12.5Z"/></clipPath><linearGradient id="paint0_diamond_56_3860" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_diamond_56_3860" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint2_radial_56_3860" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(87.2092 12.5) rotate(90) scale(12.5 79.8144)">
+<stop stop-color="#00B1E9"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-v5dgajc.svg b/.figma/image/mmlqps3t-v5dgajc.svg
new file mode 100644
index 0000000..a4511d9
--- /dev/null
+++ b/.figma/image/mmlqps3t-v5dgajc.svg
@@ -0,0 +1,17 @@
+<svg width="430" height="34" viewBox="0 0 430 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_4145" fill="white">
+<path d="M165 0L175 10H430V34H0V10L10 0H165Z"/>
+</mask>
+<path d="M165 0L175 10H430V34H0V10L10 0H165Z" fill="url(#paint0_linear_56_4145)"/>
+<path d="M165 0L165.707 -0.707107L165.414 -1H165V0ZM175 10L174.293 10.7071L174.586 11H175V10ZM430 10H431V9H430V10ZM430 34V35H431V34H430ZM0 34H-1V35H0V34ZM0 10L-0.707107 9.29289L-1 9.58579V10H0ZM10 0V-1H9.58579L9.29289 -0.707107L10 0ZM165 0L164.293 0.707107L174.293 10.7071L175 10L175.707 9.29289L165.707 -0.707107L165 0ZM175 10V11H430V10V9H175V10ZM430 10H429V34H430H431V10H430ZM430 34V33H0V34V35H430V34ZM0 34H1V10H0H-1V34H0ZM0 10L0.707107 10.7071L10.7071 0.707107L10 0L9.29289 -0.707107L-0.707107 9.29289L0 10ZM10 0V1H165V0V-1H10V0Z" fill="url(#paint1_linear_56_4145)" mask="url(#path-1-inside-1_56_4145)"/>
+<defs>
+<linearGradient id="paint0_linear_56_4145" x1="430" y1="17" x2="8.58724" y2="17" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0.11"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_4145" x1="44.1829" y1="13" x2="44.183" y2="-7.00005" gradientUnits="userSpaceOnUse">
+<stop stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-xghwc6f.svg b/.figma/image/mmlqps3t-xghwc6f.svg
new file mode 100644
index 0000000..c85ed5e
--- /dev/null
+++ b/.figma/image/mmlqps3t-xghwc6f.svg
@@ -0,0 +1,22 @@
+<svg width="375" height="35" viewBox="0 0 375 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_148399_931" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="35">
+<path d="M0 35H375V0H0V35Z" fill="url(#paint0_linear_148399_931)"/>
+</mask>
+<g mask="url(#mask0_148399_931)">
+<mask id="path-2-inside-1_148399_931" fill="white">
+<path d="M448.999 4V35H64.1846C59.2494 35 54.5303 32.9741 51.1318 29.3955L38.9854 16.6045C35.5869 13.0258 30.8678 10.999 25.9326 10.999H7.43066L0.529297 4H448.999Z"/>
+</mask>
+<path d="M448.999 4H449.999V3H448.999V4ZM448.999 35V36H449.999V35H448.999ZM51.1318 29.3955L50.4067 30.0841L50.4067 30.0841L51.1318 29.3955ZM38.9854 16.6045L39.7105 15.9159L39.7105 15.9159L38.9854 16.6045ZM7.43066 10.999L6.71861 11.7011L7.01233 11.999H7.43066V10.999ZM0.529297 4V3H-1.86113L-0.18276 4.70212L0.529297 4ZM448.999 4H447.999V35H448.999H449.999V4H448.999ZM448.999 35V34H64.1846V35V36H448.999V35ZM64.1846 35V34C59.5235 34 55.0665 32.0866 51.857 28.7069L51.1318 29.3955L50.4067 30.0841C53.994 33.8616 58.9754 36 64.1846 36V35ZM51.1318 29.3955L51.857 28.7069L39.7105 15.9159L38.9854 16.6045L38.2602 17.2931L50.4067 30.0841L51.1318 29.3955ZM38.9854 16.6045L39.7105 15.9159C36.1233 12.1385 31.142 9.99902 25.9326 9.99902V10.999V11.999C30.5936 11.999 35.0506 13.9132 38.2602 17.2931L38.9854 16.6045ZM25.9326 10.999V9.99902H7.43066V10.999V11.999H25.9326V10.999ZM7.43066 10.999L8.14272 10.2969L1.24135 3.29788L0.529297 4L-0.18276 4.70212L6.71861 11.7011L7.43066 10.999ZM0.529297 4V5H448.999V4V3H0.529297V4Z" fill="url(#paint1_linear_148399_931)" mask="url(#path-2-inside-1_148399_931)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_148399_931" x1="375" y1="17.5" x2="39.7896" y2="28.707" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30C1FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_148399_931" x1="46.7439" y1="30.5" x2="46.6784" y2="7.49845" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="0.897012" stop-color="#30DCFF"/>
+<stop offset="0.897135" stop-color="#35A8EB" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-ybct34r.svg b/.figma/image/mmlqps3t-ybct34r.svg
new file mode 100644
index 0000000..5047bc9
--- /dev/null
+++ b/.figma/image/mmlqps3t-ybct34r.svg
@@ -0,0 +1,40 @@
+<svg width="450" height="960" viewBox="0 0 450 960" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.8">
+<mask id="path-1-inside-1_148399_925" fill="white">
+<path d="M450 0V946L436 960H0V0H450Z"/>
+</mask>
+<path d="M450 0V946L436 960H0V0H450Z" fill="url(#paint0_radial_148399_925)"/>
+<path d="M450 0V946L436 960H0V0H450Z" fill="url(#paint1_radial_148399_925)"/>
+<path d="M450 0V946L436 960H0V0H450Z" fill="url(#paint2_linear_148399_925)"/>
+<path d="M450 0H451V-1H450V0ZM450 946L450.707 946.707L451 946.414V946H450ZM436 960V961H436.414L436.707 960.707L436 960ZM0 960H-1V961H0V960ZM0 0V-1H-1V0H0ZM450 0H449V946H450H451V0H450ZM450 946L449.293 945.293L435.293 959.293L436 960L436.707 960.707L450.707 946.707L450 946ZM436 960V959H0V960V961H436V960ZM0 960H1V0H0H-1V960H0ZM0 0V1H450V0V-1H0V0Z" fill="url(#paint3_linear_148399_925)" mask="url(#path-1-inside-1_148399_925)"/>
+<path d="M450 0H451V-1H450V0ZM450 946L450.707 946.707L451 946.414V946H450ZM436 960V961H436.414L436.707 960.707L436 960ZM0 960H-1V961H0V960ZM0 0V-1H-1V0H0ZM450 0H449V946H450H451V0H450ZM450 946L449.293 945.293L435.293 959.293L436 960L436.707 960.707L450.707 946.707L450 946ZM436 960V959H0V960V961H436V960ZM0 960H1V0H0H-1V960H0ZM0 0V1H450V0V-1H0V0Z" fill="url(#paint4_linear_148399_925)" style="mix-blend-mode:plus-lighter" mask="url(#path-1-inside-1_148399_925)"/>
+<path d="M450 0H451V-1H450V0ZM450 946L450.707 946.707L451 946.414V946H450ZM436 960V961H436.414L436.707 960.707L436 960ZM0 960H-1V961H0V960ZM0 0V-1H-1V0H0ZM450 0H449V946H450H451V0H450ZM450 946L449.293 945.293L435.293 959.293L436 960L436.707 960.707L450.707 946.707L450 946ZM436 960V959H0V960V961H436V960ZM0 960H1V0H0H-1V960H0ZM0 0V1H450V0V-1H0V0Z" fill="url(#paint5_linear_148399_925)" mask="url(#path-1-inside-1_148399_925)"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_148399_925" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225 482.087) rotate(-90) scale(477.913 225)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D"/>
+</radialGradient>
+<radialGradient id="paint1_radial_148399_925" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225 479.997) rotate(-90) scale(480 225)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint2_linear_148399_925" x1="424.125" y1="730.435" x2="546.934" y2="809.57" gradientUnits="userSpaceOnUse">
+<stop offset="0.0104167" stop-color="#2A5470" stop-opacity="0"/>
+<stop offset="0.291568" stop-color="#2A5470" stop-opacity="0.01"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.43"/>
+</linearGradient>
+<linearGradient id="paint3_linear_148399_925" x1="225" y1="960" x2="225" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4FDFFD" stop-opacity="0.49"/>
+<stop offset="1" stop-color="#CBF2FA" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_148399_925" x1="437.625" y1="899.478" x2="362.202" y2="853.399" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_148399_925" x1="1.04956e-05" y1="960" x2="47.8753" y2="948.15" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-yvqhof6.svg b/.figma/image/mmlqps3t-yvqhof6.svg
new file mode 100644
index 0000000..a02f73a
--- /dev/null
+++ b/.figma/image/mmlqps3t-yvqhof6.svg
@@ -0,0 +1,13 @@
+<svg width="210" height="120" viewBox="0 0 210 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 0.5H205C207.485 0.5 209.5 2.51472 209.5 5V114.793L204.793 119.5H5.20703L0.5 114.793V5C0.5 2.51472 2.51472 0.5 5 0.5Z" fill="url(#paint0_linear_55_562)" stroke="url(#paint1_linear_55_562)"/>
+<defs>
+<linearGradient id="paint0_linear_55_562" x1="215" y1="0" x2="215" y2="120" gradientUnits="userSpaceOnUse">
+<stop stop-color="#053460" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#053460"/>
+</linearGradient>
+<linearGradient id="paint1_linear_55_562" x1="215" y1="120" x2="215" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#679AC5"/>
+<stop offset="1" stop-color="#679AC5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3t-z847khf.svg b/.figma/image/mmlqps3t-z847khf.svg
new file mode 100644
index 0000000..c6b3777
--- /dev/null
+++ b/.figma/image/mmlqps3t-z847khf.svg
@@ -0,0 +1,33 @@
+<svg width="179" height="25" viewBox="0 0 179 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<mask id="mask0_56_4152" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="179" height="28">
+<g opacity="0.8" style="mix-blend-mode:plus-lighter">
+<g clip-path="url(#paint0_diamond_56_4152_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.0411199 -0.0827329 4.93725e-10 89.1332 15.12)"><rect x="0" y="0" width="392.024" height="1089.45" fill="url(#paint0_diamond_56_4152)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(1 -1)" fill="url(#paint0_diamond_56_4152)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(-1 1)" fill="url(#paint0_diamond_56_4152)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(-1)" fill="url(#paint0_diamond_56_4152)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M178.266 14C178.266 7.28 137.785 0 88.5581 0C39.3312 0 0 6.26801 0 14C0 21.732 39.3312 28 88.5581 28C137.785 28 178.266 20.72 178.266 14Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.71666663885116577,&#34;g&#34;:0.93200004100799561,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.60833334922790527,&#34;g&#34;:0.88606065511703491,&#34;b&#34;:1.0,&#34;a&#34;:0.75999999046325684},&#34;position&#34;:0.30251508951187134},{&#34;color&#34;:{&#34;r&#34;:0.42083331942558289,&#34;g&#34;:0.83151531219482422,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-1.3846763362648784e-12,&#34;m01&#34;:-165.46578979492188,&#34;m02&#34;:171.86607360839844,&#34;m10&#34;:-82.239837646484375,&#34;m11&#34;:9.8744919796445174e-07,&#34;m12&#34;:56.239917755126953},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+</g>
+</mask>
+<g mask="url(#mask0_56_4152)">
+<g opacity="0.8" style="mix-blend-mode:plus-lighter">
+<g clip-path="url(#paint1_diamond_56_4152_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.0140001 -0.203396 6.19363e-07 78.2072 13.5001)"><rect x="0" y="0" width="1035.73" height="496.86" fill="url(#paint1_diamond_56_4152)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(1 -1)" fill="url(#paint1_diamond_56_4152)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(-1 1)" fill="url(#paint1_diamond_56_4152)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(-1)" fill="url(#paint1_diamond_56_4152)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M178.266 12.5C178.266 5.5 136.06 -1.90735e-06 86.833 -1.90735e-06C37.6061 -1.90735e-06 0 5.59644 0 12.5C0 19.4036 37.6061 25 86.833 25C136.06 25 178.266 19.5 178.266 12.5Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.71666663885116577,&#34;g&#34;:0.93200004100799561,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.60833334922790527,&#34;g&#34;:0.88606065511703491,&#34;b&#34;:1.0,&#34;a&#34;:0.75999999046325684},&#34;position&#34;:0.30251508951187134},{&#34;color&#34;:{&#34;r&#34;:0.42083331942558289,&#34;g&#34;:0.83151531219482422,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:4.2315560777606009e-12,&#34;m01&#34;:-406.79138183593750,&#34;m02&#34;:281.60284423828125,&#34;m10&#34;:-28.000110626220703,&#34;m11&#34;:0.0012387258466333151,&#34;m12&#34;:27.499488830566406},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+</g>
+</g>
+</g>
+<g opacity="0.1" style="mix-blend-mode:plus-lighter">
+<ellipse cx="88.0813" cy="12.5" rx="88.0813" ry="12.5" transform="matrix(1 0 0 -1 0 25)" fill="url(#paint2_radial_56_4152)"/>
+</g>
+<defs>
+<clipPath id="paint0_diamond_56_4152_clip_path"><path d="M178.266 14C178.266 7.28 137.785 0 88.5581 0C39.3312 0 0 6.26801 0 14C0 21.732 39.3312 28 88.5581 28C137.785 28 178.266 20.72 178.266 14Z"/></clipPath><clipPath id="paint1_diamond_56_4152_clip_path"><path d="M178.266 12.5C178.266 5.5 136.06 -1.90735e-06 86.833 -1.90735e-06C37.6061 -1.90735e-06 0 5.59644 0 12.5C0 19.4036 37.6061 25 86.833 25C136.06 25 178.266 19.5 178.266 12.5Z"/></clipPath><linearGradient id="paint0_diamond_56_4152" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_diamond_56_4152" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint2_radial_56_4152" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(87.2092 12.5) rotate(90) scale(12.5 79.8144)">
+<stop stop-color="#00B1E9"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-2fxk1v6.svg b/.figma/image/mmlqps3u-2fxk1v6.svg
new file mode 100644
index 0000000..ca875d8
--- /dev/null
+++ b/.figma/image/mmlqps3u-2fxk1v6.svg
@@ -0,0 +1,5 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0073 11.9007H14.0084V11.894L14.0073 11.9007Z" fill="white"/>
+<path d="M15 7.49999C15 3.36411 11.6352 0 7.50013 0C3.36406 0 0 3.36411 0 7.49999C0 11.6356 3.36406 15 7.50013 15C11.6351 15 15 11.6356 15 7.49999ZM7.50013 13.9239C3.9584 13.9239 1.07636 11.0413 1.07636 7.49999C1.07636 3.95823 3.9584 1.07642 7.50013 1.07642C11.0413 1.07642 13.9234 3.95823 13.9234 7.49999C13.9234 11.0413 11.0413 13.9239 7.50013 13.9239Z" fill="white"/>
+<path d="M10.5728 9.84882L8.25379 7.52287L10.5707 5.23169C10.781 5.02402 10.7826 4.68461 10.5749 4.47427C10.3673 4.26367 10.0273 4.26206 9.81696 4.47026L7.49795 6.76412L5.21346 4.47241C5.00421 4.26313 4.6653 4.26208 4.45552 4.47134C4.24624 4.68089 4.24624 5.01976 4.45445 5.22905L6.73627 7.51757L4.4364 9.79249C4.22605 10.0007 4.22393 10.3391 4.43215 10.5494C4.53731 10.6557 4.67437 10.7088 4.81245 10.7088C4.94844 10.7088 5.08545 10.6567 5.18958 10.5542L7.49263 8.27608L9.81379 10.6057C9.91843 10.7104 10.056 10.763 10.1936 10.763C10.3306 10.763 10.4671 10.7104 10.5717 10.6068C10.781 10.3981 10.7815 10.0591 10.5728 9.84882Z" fill="white"/>
+</svg>
diff --git a/.figma/image/mmlqps3u-481vkgz.svg b/.figma/image/mmlqps3u-481vkgz.svg
new file mode 100644
index 0000000..2302db6
--- /dev/null
+++ b/.figma/image/mmlqps3u-481vkgz.svg
@@ -0,0 +1,26 @@
+<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_56_5838)">
+<path d="M6.45242 10.5307C6.45242 9.14108 8.23946 6.52301 9.29882 5.09321C7.67395 2.44722 5.69179 0 5.69179 0C5.69179 0 0 7.02668 0 10.1409C0 13.2551 2.55057 15.7835 5.69179 15.7835C7.27989 15.7835 8.71644 15.1365 9.74932 14.0949C7.90351 13.9374 6.45242 12.401 6.45242 10.5307ZM4.55285 13.6168C4.5352 13.6774 4.50563 13.7338 4.46586 13.7829C4.42608 13.832 4.37689 13.8729 4.32111 13.903C4.26533 13.9332 4.20408 13.9521 4.14088 13.9587C4.07769 13.9653 4.01381 13.9594 3.95293 13.9414C2.13159 13.383 1.0692 11.492 1.58855 9.64586C1.6062 9.58535 1.63576 9.5289 1.67554 9.47978C1.71531 9.43065 1.76451 9.38983 1.82029 9.35966C1.87607 9.32948 1.93732 9.31056 2.00051 9.30399C2.06371 9.29741 2.12759 9.30331 2.18847 9.32134C2.24951 9.33884 2.30645 9.36815 2.356 9.40759C2.40555 9.44702 2.44674 9.49579 2.47717 9.55109C2.5076 9.60638 2.52669 9.66711 2.53332 9.72976C2.53995 9.7924 2.534 9.85573 2.51581 9.91609C2.12209 11.244 2.88596 12.6318 4.2254 13.022C4.28644 13.0395 4.34338 13.0688 4.39293 13.1082C4.44248 13.1477 4.48366 13.1964 4.5141 13.2517C4.54453 13.307 4.56361 13.3677 4.57025 13.4304C4.57688 13.493 4.57093 13.5564 4.55274 13.6167L4.55285 13.6168Z" fill="url(#paint0_radial_56_5838)"/>
+<path d="M10.3179 3.98924C10.3179 3.98924 6.77941 8.50134 6.81082 10.476C6.84222 12.4507 8.48497 14.0289 10.477 13.9977C12.4689 13.9666 14.0608 12.338 14.0294 10.3632C13.9979 8.38855 10.3179 3.98913 10.3179 3.98913V3.98924ZM8.99761 12.3195C8.97549 12.3529 8.94692 12.3816 8.91354 12.404C8.88017 12.4264 8.84265 12.442 8.80315 12.45C8.76365 12.4579 8.72296 12.458 8.68343 12.4502C8.6439 12.4425 8.6063 12.4271 8.57282 12.4048C7.57458 11.7286 7.28781 10.3856 7.9511 9.36331C7.97322 9.32992 8.00179 9.3012 8.03517 9.27881C8.06855 9.25643 8.10606 9.24082 8.14556 9.23288C8.18506 9.22495 8.22575 9.22485 8.26528 9.2326C8.30482 9.24034 8.34241 9.25577 8.3759 9.278C8.40958 9.29993 8.43855 9.32826 8.46113 9.36135C8.48372 9.39443 8.49946 9.43163 8.50746 9.47079C8.51546 9.50994 8.51556 9.55028 8.50775 9.58947C8.49994 9.62867 8.48437 9.66594 8.46195 9.69913C8.34557 9.87273 8.26487 10.0674 8.22448 10.2719C8.18409 10.4765 8.18479 10.6869 8.22656 10.8912C8.26832 11.0955 8.35032 11.2896 8.46786 11.4625C8.58541 11.6353 8.73618 11.7834 8.91156 11.8984C8.94524 11.9203 8.97422 11.9487 8.9968 11.9817C9.01938 12.0148 9.03513 12.052 9.04313 12.0912C9.05113 12.1303 9.05122 12.1707 9.04341 12.2099C9.0356 12.2491 9.02003 12.2863 8.99761 12.3195Z" fill="url(#paint1_radial_56_5838)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_5838" x="-5" y="-5" width="24.0303" height="25.7836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.662745 0 0 0 0 0.941176 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5838"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5838" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_56_5838" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.438431 0.438431) rotate(50.1944) scale(20.5456 10.64)">
+<stop stop-color="#A9F0FF"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<radialGradient id="paint1_radial_56_5838" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.438431 0.438431) rotate(50.1944) scale(20.5456 10.64)">
+<stop stop-color="#A9F0FF"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-4sstuh5.svg b/.figma/image/mmlqps3u-4sstuh5.svg
new file mode 100644
index 0000000..fccee65
--- /dev/null
+++ b/.figma/image/mmlqps3u-4sstuh5.svg
@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.08125 2.50625C6.03125 2.50625 5.90625 2.50625 5.85625 2.55625C5.80625 2.55625 5.75625 2.60625 5.68125 2.65625L4.78125 3.55625L1.35625 0.13125C1.18125 -0.04375 0.90625 -0.04375 0.75625 0.13125L0.13125 0.73125C-0.04375 0.90625 -0.04375 1.18125 0.13125 1.33125L3.63125 4.83125L2.73125 5.73125C2.68125 5.78125 2.63125 5.83125 2.63125 5.90625C2.58125 5.95625 2.58125 6.08125 2.58125 6.13125C2.58125 6.40625 2.80625 6.63125 3.08125 6.63125L6.50625 7.05625H6.55625C6.73125 7.05625 6.88125 6.95625 6.95625 6.83125C7.00625 6.73125 7.05625 6.65625 7.05625 6.50625L6.55625 3.00625C6.58125 2.73125 6.35625 2.50625 6.08125 2.50625ZM9.10625 7.00625H9.15625L12.6562 6.55625C12.9312 6.55625 13.1562 6.33125 13.1562 6.05625C13.1562 6.00625 13.1562 5.88125 13.1062 5.83125C13.1062 5.78125 13.0562 5.73125 13.0062 5.65625L12.1062 4.78125L15.5562 1.33125C15.7312 1.15625 15.7312 0.88125 15.5562 0.73125L14.9563 0.13125C14.7812 -0.04375 14.5062 -0.04375 14.3562 0.13125L10.8812 3.55625L9.98125 2.65625C9.93125 2.60625 9.88125 2.55625 9.80625 2.55625C9.75625 2.55625 9.70625 2.50625 9.58125 2.50625C9.30625 2.50625 9.08125 2.73125 9.08125 3.00625L8.58125 6.50625C8.58125 6.60625 8.63125 6.73125 8.68125 6.78125C8.83125 6.90625 8.95625 7.00625 9.10625 7.00625ZM6.55625 8.60625H6.50625L3.08125 9.05625C2.80625 9.05625 2.58125 9.28125 2.58125 9.55625C2.58125 9.60625 2.58125 9.73125 2.63125 9.78125C2.63125 9.83125 2.68125 9.88125 2.73125 9.95625L3.63125 10.8562L0.18125 14.2812C0.00624998 14.4563 0.00624998 14.7312 0.18125 14.8812L0.78125 15.4812C0.95625 15.6562 1.23125 15.6562 1.38125 15.4812L4.85625 12.0562L5.75625 12.9562C5.80625 13.0062 5.85625 13.0562 5.98125 13.0562C6.03125 13.0562 6.08125 13.1062 6.15625 13.1062C6.43125 13.1062 6.65625 12.8812 6.65625 12.6062L7.10625 9.10625C7.10625 9.00625 7.05625 8.88125 7.00625 8.83125C6.83125 8.70625 6.73125 8.60625 6.55625 8.60625ZM15.5813 14.2562L12.0813 10.8812L12.9812 9.98125C13.0312 9.93125 13.0813 9.88125 13.0813 9.80625C13.1313 9.75625 13.1312 9.63125 13.1312 9.58125C13.1312 9.30625 12.9062 9.08125 12.6312 9.08125L9.18125 8.58125H9.13125C8.95625 8.58125 8.85625 8.68125 8.73125 8.80625C8.68125 8.90625 8.63125 8.98125 8.63125 9.08125L9.13125 12.5812C9.13125 12.8562 9.35625 13.0812 9.63125 13.0812C9.68125 13.0812 9.73125 13.0813 9.85625 13.0312C9.90625 13.0312 9.95625 12.9812 10.0312 12.9312L10.9312 12.0312L14.3562 15.4812C14.5312 15.6562 14.8063 15.6562 14.9563 15.4812L15.5562 14.8812C15.7312 14.7062 15.7312 14.4312 15.5813 14.2562Z" fill="#333333"/>
+<path d="M6.08125 2.50625C6.03125 2.50625 5.90625 2.50625 5.85625 2.55625C5.80625 2.55625 5.75625 2.60625 5.68125 2.65625L4.78125 3.55625L1.35625 0.13125C1.18125 -0.04375 0.90625 -0.04375 0.75625 0.13125L0.13125 0.73125C-0.04375 0.90625 -0.04375 1.18125 0.13125 1.33125L3.63125 4.83125L2.73125 5.73125C2.68125 5.78125 2.63125 5.83125 2.63125 5.90625C2.58125 5.95625 2.58125 6.08125 2.58125 6.13125C2.58125 6.40625 2.80625 6.63125 3.08125 6.63125L6.50625 7.05625H6.55625C6.73125 7.05625 6.88125 6.95625 6.95625 6.83125C7.00625 6.73125 7.05625 6.65625 7.05625 6.50625L6.55625 3.00625C6.58125 2.73125 6.35625 2.50625 6.08125 2.50625ZM9.10625 7.00625H9.15625L12.6562 6.55625C12.9312 6.55625 13.1562 6.33125 13.1562 6.05625C13.1562 6.00625 13.1562 5.88125 13.1062 5.83125C13.1062 5.78125 13.0562 5.73125 13.0062 5.65625L12.1062 4.78125L15.5562 1.33125C15.7312 1.15625 15.7312 0.88125 15.5562 0.73125L14.9563 0.13125C14.7812 -0.04375 14.5062 -0.04375 14.3562 0.13125L10.8812 3.55625L9.98125 2.65625C9.93125 2.60625 9.88125 2.55625 9.80625 2.55625C9.75625 2.55625 9.70625 2.50625 9.58125 2.50625C9.30625 2.50625 9.08125 2.73125 9.08125 3.00625L8.58125 6.50625C8.58125 6.60625 8.63125 6.73125 8.68125 6.78125C8.83125 6.90625 8.95625 7.00625 9.10625 7.00625ZM6.55625 8.60625H6.50625L3.08125 9.05625C2.80625 9.05625 2.58125 9.28125 2.58125 9.55625C2.58125 9.60625 2.58125 9.73125 2.63125 9.78125C2.63125 9.83125 2.68125 9.88125 2.73125 9.95625L3.63125 10.8562L0.18125 14.2812C0.00624998 14.4563 0.00624998 14.7312 0.18125 14.8812L0.78125 15.4812C0.95625 15.6562 1.23125 15.6562 1.38125 15.4812L4.85625 12.0562L5.75625 12.9562C5.80625 13.0062 5.85625 13.0562 5.98125 13.0562C6.03125 13.0562 6.08125 13.1062 6.15625 13.1062C6.43125 13.1062 6.65625 12.8812 6.65625 12.6062L7.10625 9.10625C7.10625 9.00625 7.05625 8.88125 7.00625 8.83125C6.83125 8.70625 6.73125 8.60625 6.55625 8.60625ZM15.5813 14.2562L12.0813 10.8812L12.9812 9.98125C13.0312 9.93125 13.0813 9.88125 13.0813 9.80625C13.1313 9.75625 13.1312 9.63125 13.1312 9.58125C13.1312 9.30625 12.9062 9.08125 12.6312 9.08125L9.18125 8.58125H9.13125C8.95625 8.58125 8.85625 8.68125 8.73125 8.80625C8.68125 8.90625 8.63125 8.98125 8.63125 9.08125L9.13125 12.5812C9.13125 12.8562 9.35625 13.0812 9.63125 13.0812C9.68125 13.0812 9.73125 13.0813 9.85625 13.0312C9.90625 13.0312 9.95625 12.9812 10.0312 12.9312L10.9312 12.0312L14.3562 15.4812C14.5312 15.6562 14.8063 15.6562 14.9563 15.4812L15.5562 14.8812C15.7312 14.7062 15.7312 14.4312 15.5813 14.2562Z" fill="url(#paint0_linear_42_7797)"/>
+<defs>
+<linearGradient id="paint0_linear_42_7797" x1="7.8453" y1="0" x2="7.84531" y2="15.6129" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBF2FA"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-65oo80t.svg b/.figma/image/mmlqps3u-65oo80t.svg
new file mode 100644
index 0000000..b0512e1
--- /dev/null
+++ b/.figma/image/mmlqps3u-65oo80t.svg
@@ -0,0 +1,35 @@
+<svg width="62" height="65" viewBox="0 0 62 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_42_7785" fill="white">
+<path d="M1.98473 0.000136614L59.0005 0L61.9776 3V61.4998L59.0005 64.4998L2.9771 64.4999L0 61.4999V2.00014L1.98473 0.000136614Z"/>
+</mask>
+<path d="M1.98473 0.000136614L59.0005 0L61.9776 3V61.4998L59.0005 64.4998L2.9771 64.4999L0 61.4999V2.00014L1.98473 0.000136614Z" fill="url(#paint0_linear_42_7785)" fill-opacity="0.4"/>
+<path d="M1.98473 0.000136614L59.0005 0L61.9776 3V61.4998L59.0005 64.4998L2.9771 64.4999L0 61.4999V2.00014L1.98473 0.000136614Z" fill="url(#paint1_radial_42_7785)"/>
+<path d="M1.98473 0.000136614L59.0005 0L61.9776 3V61.4998L59.0005 64.4998L2.9771 64.4999L0 61.4999V2.00014L1.98473 0.000136614Z" fill="url(#paint2_radial_42_7785)"/>
+<path d="M0 2.00014L-0.709811 1.29574L-1 1.58817V2.00014H0ZM1.98473 0.000136614L1.98473 -0.999863L1.56827 -0.999862L1.27492 -0.704256L1.98473 0.000136614ZM0 61.4999H-1V61.9119L-0.709811 62.2043L0 61.4999ZM2.9771 64.4999L2.26729 65.2043L2.56064 65.4999H2.9771L2.9771 64.4999ZM59.0005 0L59.7104 -0.704392L59.417 -1L59.0005 -1L59.0005 0ZM61.9776 3H62.9776V2.58803L62.6875 2.29561L61.9776 3ZM61.9776 61.4998L62.6875 62.2042L62.9776 61.9118V61.4998H61.9776ZM59.0005 64.4998L59.0005 65.4998H59.417L59.7104 65.2042L59.0005 64.4998ZM0 61.4999H1V2.00014H0H-1V61.4999H0ZM1.98473 0.000136614L1.98474 1.00014L59.0005 1L59.0005 0L59.0005 -1L1.98473 -0.999863L1.98473 0.000136614ZM61.9776 3H60.9776V61.4998H61.9776H62.9776V3H61.9776ZM59.0005 64.4998L59.0005 63.4998L2.9771 63.4999L2.9771 64.4999L2.9771 65.4999L59.0005 65.4998L59.0005 64.4998ZM59.0005 0L58.2907 0.704392L61.2678 3.70439L61.9776 3L62.6875 2.29561L59.7104 -0.704392L59.0005 0ZM61.9776 61.4998L61.2678 60.7954L58.2907 63.7954L59.0005 64.4998L59.7104 65.2042L62.6875 62.2042L61.9776 61.4998ZM2.9771 64.4999L3.68691 63.7955L0.709811 60.7955L0 61.4999L-0.709811 62.2043L2.26729 65.2043L2.9771 64.4999ZM0 2.00014L0.709811 2.70453L2.69454 0.704529L1.98473 0.000136614L1.27492 -0.704256L-0.709811 1.29574L0 2.00014Z" fill="url(#paint3_radial_42_7785)" mask="url(#path-1-inside-1_42_7785)"/>
+<g clip-path="url(#paint4_diamond_42_7785_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_42_7785)"><g transform="matrix(-0.011298 -0.0916452 1059.1 -1662.19 30.9664 31.7877)"><rect x="0" y="0" width="767.548" height="0.0285774" fill="url(#paint4_diamond_42_7785)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="767.548" height="0.0285774" transform="scale(1 -1)" fill="url(#paint4_diamond_42_7785)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="767.548" height="0.0285774" transform="scale(-1 1)" fill="url(#paint4_diamond_42_7785)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="767.548" height="0.0285774" transform="scale(-1)" fill="url(#paint4_diamond_42_7785)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M0 2.00014L-0.709811 1.29574L-1 1.58817V2.00014H0ZM1.98473 0.000136614L1.98473 -0.999863L1.56827 -0.999862L1.27492 -0.704256L1.98473 0.000136614ZM0 61.4999H-1V61.9119L-0.709811 62.2043L0 61.4999ZM2.9771 64.4999L2.26729 65.2043L2.56064 65.4999H2.9771L2.9771 64.4999ZM59.0005 0L59.7104 -0.704392L59.417 -1L59.0005 -1L59.0005 0ZM61.9776 3H62.9776V2.58803L62.6875 2.29561L61.9776 3ZM61.9776 61.4998L62.6875 62.2042L62.9776 61.9118V61.4998H61.9776ZM59.0005 64.4998L59.0005 65.4998H59.417L59.7104 65.2042L59.0005 64.4998ZM0 61.4999H1V2.00014H0H-1V61.4999H0ZM1.98473 0.000136614L1.98474 1.00014L59.0005 1L59.0005 0L59.0005 -1L1.98473 -0.999863L1.98473 0.000136614ZM61.9776 3H60.9776V61.4998H61.9776H62.9776V3H61.9776ZM59.0005 64.4998L59.0005 63.4998L2.9771 63.4999L2.9771 64.4999L2.9771 65.4999L59.0005 65.4998L59.0005 64.4998ZM59.0005 0L58.2907 0.704392L61.2678 3.70439L61.9776 3L62.6875 2.29561L59.7104 -0.704392L59.0005 0ZM61.9776 61.4998L61.2678 60.7954L58.2907 63.7954L59.0005 64.4998L59.7104 65.2042L62.6875 62.2042L61.9776 61.4998ZM2.9771 64.4999L3.68691 63.7955L0.709811 60.7955L0 61.4999L-0.709811 62.2043L2.26729 65.2043L2.9771 64.4999ZM0 2.00014L0.709811 2.70453L2.69454 0.704529L1.98473 0.000136614L1.27492 -0.704256L-0.709811 1.29574L0 2.00014Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.67500001192092896,&#34;g&#34;:0.94504863023757935,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.29712498188018799},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.80609583854675293},{&#34;color&#34;:{&#34;r&#34;:0.67450982332229614,&#34;g&#34;:0.94509804248809814,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-22.596017837524414,&#34;m01&#34;:2118208.50,&#34;m02&#34;:-1059062.0,&#34;m10&#34;:-183.29043579101562,&#34;m11&#34;:-3324389.0,&#34;m12&#34;:1662318.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_42_7785)"/>
+<defs>
+<clipPath id="paint4_diamond_42_7785_clip_path"><path d="M0 2.00014L-0.709811 1.29574L-1 1.58817V2.00014H0ZM1.98473 0.000136614L1.98473 -0.999863L1.56827 -0.999862L1.27492 -0.704256L1.98473 0.000136614ZM0 61.4999H-1V61.9119L-0.709811 62.2043L0 61.4999ZM2.9771 64.4999L2.26729 65.2043L2.56064 65.4999H2.9771L2.9771 64.4999ZM59.0005 0L59.7104 -0.704392L59.417 -1L59.0005 -1L59.0005 0ZM61.9776 3H62.9776V2.58803L62.6875 2.29561L61.9776 3ZM61.9776 61.4998L62.6875 62.2042L62.9776 61.9118V61.4998H61.9776ZM59.0005 64.4998L59.0005 65.4998H59.417L59.7104 65.2042L59.0005 64.4998ZM0 61.4999H1V2.00014H0H-1V61.4999H0ZM1.98473 0.000136614L1.98474 1.00014L59.0005 1L59.0005 0L59.0005 -1L1.98473 -0.999863L1.98473 0.000136614ZM61.9776 3H60.9776V61.4998H61.9776H62.9776V3H61.9776ZM59.0005 64.4998L59.0005 63.4998L2.9771 63.4999L2.9771 64.4999L2.9771 65.4999L59.0005 65.4998L59.0005 64.4998ZM59.0005 0L58.2907 0.704392L61.2678 3.70439L61.9776 3L62.6875 2.29561L59.7104 -0.704392L59.0005 0ZM61.9776 61.4998L61.2678 60.7954L58.2907 63.7954L59.0005 64.4998L59.7104 65.2042L62.6875 62.2042L61.9776 61.4998ZM2.9771 64.4999L3.68691 63.7955L0.709811 60.7955L0 61.4999L-0.709811 62.2043L2.26729 65.2043L2.9771 64.4999ZM0 2.00014L0.709811 2.70453L2.69454 0.704529L1.98473 0.000136614L1.27492 -0.704256L-0.709811 1.29574L0 2.00014Z" mask="url(#path-1-inside-1_42_7785)"/></clipPath><linearGradient id="paint0_linear_42_7785" x1="30.9888" y1="-2.11954" x2="30.9888" y2="64.4999" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.46"/>
+<stop offset="0.515139" stop-opacity="0.27"/>
+<stop offset="1" stop-opacity="0.46"/>
+</linearGradient>
+<radialGradient id="paint1_radial_42_7785" cx="0" cy="0" r="1" gradientTransform="matrix(-3.87361 64.4999 -36.8228 -28.1545 47.4516 3.17227e-06)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1F76A8"/>
+<stop offset="0.505354" stop-color="#15547D" stop-opacity="0.24"/>
+</radialGradient>
+<radialGradient id="paint2_radial_42_7785" cx="0" cy="0" r="1" gradientTransform="matrix(6.456 -86.3839 50.1414 47.7093 16.4628 82.9285)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1F76A8"/>
+<stop offset="0.505354" stop-color="#15547D" stop-opacity="0.24"/>
+</radialGradient>
+<radialGradient id="paint3_radial_42_7785" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(30.9888 35.0177) rotate(-90) scale(47.6888 45.8239)">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint4_diamond_42_7785" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ACF1FF"/>
+<stop offset="0.297125" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.806096" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#ACF1FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-bldxisk.svg b/.figma/image/mmlqps3u-bldxisk.svg
new file mode 100644
index 0000000..8efb32c
--- /dev/null
+++ b/.figma/image/mmlqps3u-bldxisk.svg
@@ -0,0 +1,21 @@
+<svg width="940" height="314" viewBox="0 0 940 314" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.6">
+<path d="M939.5 0.5V299.793L925.793 313.5H0.5V0.5H939.5Z" fill="url(#paint0_radial_42_7751)"/>
+<path d="M939.5 0.5V299.793L925.793 313.5H0.5V0.5H939.5Z" stroke="url(#paint1_linear_42_7751)"/>
+<path d="M939.5 0.5V299.793L925.793 313.5H0.5V0.5H939.5Z" stroke="url(#paint2_linear_42_7751)"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_42_7751" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(470 265.5) rotate(-90) scale(195.5 605.161)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D"/>
+</radialGradient>
+<linearGradient id="paint1_linear_42_7751" x1="940" y1="384" x2="842" y2="301" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_42_7751" x1="129.5" y1="288" x2="2.94393e-06" y2="384" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-boo46s5.png b/.figma/image/mmlqps3u-boo46s5.png
new file mode 100644
index 0000000..95518e5
Binary files /dev/null and b/.figma/image/mmlqps3u-boo46s5.png differ
diff --git a/.figma/image/mmlqps3u-cenapeq.svg b/.figma/image/mmlqps3u-cenapeq.svg
new file mode 100644
index 0000000..216ea3e
--- /dev/null
+++ b/.figma/image/mmlqps3u-cenapeq.svg
@@ -0,0 +1,22 @@
+<svg width="375" height="35" viewBox="0 0 375 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_42_7755" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="35">
+<path d="M0 35H375V0H0V35Z" fill="url(#paint0_linear_42_7755)"/>
+</mask>
+<g mask="url(#mask0_42_7755)">
+<mask id="path-2-inside-1_42_7755" fill="white">
+<path d="M396.999 4V35H58.3613C53.0422 35 47.9953 32.647 44.5752 28.5732L35.2158 17.4258C33.4287 15.2971 31.1971 13.6387 28.7148 12.54C27.245 11.5489 25.4986 10.9991 23.6846 10.999H6.63086L0.529297 4H396.999Z"/>
+</mask>
+<path d="M396.999 4H397.999V3H396.999V4ZM396.999 35V36H397.999V35H396.999ZM44.5752 28.5732L45.3411 27.9303L45.3411 27.9302L44.5752 28.5732ZM35.2158 17.4258L34.4499 18.0688L34.45 18.0688L35.2158 17.4258ZM28.7148 12.54L28.1557 13.3691L28.2291 13.4186L28.3101 13.4545L28.7148 12.54ZM23.6846 10.999L23.6846 9.99902H23.6846V10.999ZM6.63086 10.999L5.87708 11.6561L6.17599 11.999H6.63086V10.999ZM0.529297 4V3H-1.66912L-0.224484 4.65713L0.529297 4ZM396.999 4H395.999V35H396.999H397.999V4H396.999ZM396.999 35V34H58.3613V35V36H396.999V35ZM58.3613 35V34C53.3378 34 48.5712 31.7778 45.3411 27.9303L44.5752 28.5732L43.8093 29.2162C47.4194 33.5163 52.7467 36 58.3613 36V35ZM44.5752 28.5732L45.3411 27.9302L35.9817 16.7828L35.2158 17.4258L34.45 18.0688L43.8093 29.2163L44.5752 28.5732ZM35.2158 17.4258L35.9817 16.7828C34.0952 14.5357 31.7395 12.7852 29.1196 11.6256L28.7148 12.54L28.3101 13.4545C30.6546 14.4922 32.7622 16.0584 34.4499 18.0688L35.2158 17.4258ZM28.7148 12.54L29.2739 11.7109C27.642 10.6104 25.7014 9.9991 23.6846 9.99902L23.6846 10.999L23.6845 11.999C25.2957 11.9991 26.8481 12.4873 28.1557 13.3691L28.7148 12.54ZM23.6846 10.999V9.99902H6.63086V10.999V11.999H23.6846V10.999ZM6.63086 10.999L7.38464 10.3419L1.28308 3.34287L0.529297 4L-0.224484 4.65713L5.87708 11.6561L6.63086 10.999ZM0.529297 4V5H396.999V4V3H0.529297V4Z" fill="url(#paint1_linear_42_7755)" mask="url(#path-2-inside-1_42_7755)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_42_7755" x1="375" y1="17.5" x2="39.7896" y2="28.707" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30C1FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_42_7755" x1="41.3854" y1="30.5" x2="41.3112" y2="7.49851" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="0.897012" stop-color="#30DCFF"/>
+<stop offset="0.897135" stop-color="#35A8EB" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-dc7wdex.svg b/.figma/image/mmlqps3u-dc7wdex.svg
new file mode 100644
index 0000000..7c995c7
--- /dev/null
+++ b/.figma/image/mmlqps3u-dc7wdex.svg
@@ -0,0 +1,37 @@
+<svg width="246" height="46" viewBox="0 0 246 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_43_1253" fill="white">
+<path d="M0 23C0 10.2975 10.2975 0 23 0L223 0C235.703 0 246 10.2975 246 23C246 35.7025 235.703 46 223 46L23 46C10.2974 46 0 35.7025 0 23Z"/>
+</mask>
+<g filter="url(#filter0_i_43_1253)">
+<path d="M0 23C0 10.2975 10.2975 0 23 0L223 0C235.703 0 246 10.2975 246 23C246 35.7025 235.703 46 223 46L23 46C10.2974 46 0 35.7025 0 23Z" fill="url(#paint0_linear_43_1253)" fill-opacity="0.4"/>
+</g>
+<path d="M23 0V1L223 1V0V-1L23 -1V0ZM223 46V45L23 45V46V47L223 47V46ZM23 46V45C10.8497 45 1 35.1503 1 23H0H-1C-1 36.2548 9.74516 47 23 47V46ZM246 23H245C245 35.1503 235.15 45 223 45V46V47C236.255 47 247 36.2548 247 23L246 23ZM223 0V1C235.15 1 245 10.8497 245 23H246L247 23C247 9.74517 236.255 -1 223 -1V0ZM23 0V-1C9.74517 -1 -1 9.74517 -1 23H0H1C1 10.8497 10.8497 1 23 1V0Z" fill="url(#paint1_radial_43_1253)" mask="url(#path-1-inside-1_43_1253)"/>
+<g clip-path="url(#paint2_diamond_43_1253_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_43_1253)"><g transform="matrix(-0.0466667 -0.0653594 4374.65 -1185.44 127.907 22.6703)"><rect x="0" y="0" width="751.252" height="0.028017" fill="url(#paint2_diamond_43_1253)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="751.252" height="0.028017" transform="scale(1 -1)" fill="url(#paint2_diamond_43_1253)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="751.252" height="0.028017" transform="scale(-1 1)" fill="url(#paint2_diamond_43_1253)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="751.252" height="0.028017" transform="scale(-1)" fill="url(#paint2_diamond_43_1253)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M23 0V1L223 1V0V-1L23 -1V0ZM223 46V45L23 45V46V47L223 47V46ZM23 46V45C10.8497 45 1 35.1503 1 23H0H-1C-1 36.2548 9.74516 47 23 47V46ZM246 23H245C245 35.1503 235.15 45 223 45V46V47C236.255 47 247 36.2548 247 23L246 23ZM223 0V1C235.15 1 245 10.8497 245 23H246L247 23C247 9.74517 236.255 -1 223 -1V0ZM23 0V-1C9.74517 -1 -1 9.74517 -1 23H0H1C1 10.8497 10.8497 1 23 1V0Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.67500001192092896,&#34;g&#34;:0.94504863023757935,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.29712498188018799},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.80609583854675293},{&#34;color&#34;:{&#34;r&#34;:0.67450982332229614,&#34;g&#34;:0.94509804248809814,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-93.333351135253906,&#34;m01&#34;:8749307.0,&#34;m02&#34;:-4374479.0,&#34;m10&#34;:-130.71888732910156,&#34;m11&#34;:-2370884.50,&#34;m12&#34;:1185530.250},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_43_1253)"/>
+<defs>
+<filter id="filter0_i_43_1253" x="0" y="0" width="246" height="46" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.109253 0 0 0 0 0.771681 0 0 0 0 0.904167 0 0 0 0.67 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_43_1253"/>
+</filter>
+<clipPath id="paint2_diamond_43_1253_clip_path"><path d="M23 0V1L223 1V0V-1L23 -1V0ZM223 46V45L23 45V46V47L223 47V46ZM23 46V45C10.8497 45 1 35.1503 1 23H0H-1C-1 36.2548 9.74516 47 23 47V46ZM246 23H245C245 35.1503 235.15 45 223 45V46V47C236.255 47 247 36.2548 247 23L246 23ZM223 0V1C235.15 1 245 10.8497 245 23H246L247 23C247 9.74517 236.255 -1 223 -1V0ZM23 0V-1C9.74517 -1 -1 9.74517 -1 23H0H1C1 10.8497 10.8497 1 23 1V0Z" mask="url(#path-1-inside-1_43_1253)"/></clipPath><linearGradient id="paint0_linear_43_1253" x1="128" y1="-1.51161" x2="128" y2="46" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.46"/>
+<stop offset="0.515139" stop-opacity="0.27"/>
+<stop offset="1" stop-opacity="0.46"/>
+</linearGradient>
+<radialGradient id="paint1_radial_43_1253" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(128 24.9739) rotate(-90) scale(34.0106 189.277)">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint2_diamond_43_1253" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ACF1FF"/>
+<stop offset="0.297125" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.806096" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#ACF1FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-dzcoqn7.svg b/.figma/image/mmlqps3u-dzcoqn7.svg
new file mode 100644
index 0000000..ccb3045
--- /dev/null
+++ b/.figma/image/mmlqps3u-dzcoqn7.svg
@@ -0,0 +1,49 @@
+<svg width="430" height="174" viewBox="0 0 430 174" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_5108" fill="white">
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z"/>
+</mask>
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z" fill="url(#paint0_radial_56_5108)"/>
+<path d="M430 77.165L426.775 80.1914V116.504L430 119.53V174H0V119.53L3.22461 116.504V80.1914L0 77.165V0H430V77.165Z" fill="url(#paint1_linear_56_5108)"/>
+<path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" fill="url(#paint2_linear_56_5108)" mask="url(#path-1-inside-1_56_5108)"/>
+<g clip-path="url(#paint3_diamond_56_5108_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_56_5108)"><g transform="matrix(0 -0.101374 0.264743 -1.12897e-10 215 174)"><rect x="0" y="0" width="1726.28" height="815.885" fill="url(#paint3_diamond_56_5108)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(1 -1)" fill="url(#paint3_diamond_56_5108)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(-1 1)" fill="url(#paint3_diamond_56_5108)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1726.28" height="815.885" transform="scale(-1)" fill="url(#paint3_diamond_56_5108)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.59033554792404175,&#34;b&#34;:0.71992188692092896,&#34;a&#34;:1.0},&#34;position&#34;:0.51139414310455322},{&#34;color&#34;:{&#34;r&#34;:0.63574218750,&#34;g&#34;:0.94204998016357422,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.81283402442932129},{&#34;color&#34;:{&#34;r&#34;:0.56757813692092896,&#34;g&#34;:0.97187495231628418,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.83571147918701172}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-3.4441163029169664e-12,&#34;m01&#34;:529.48614501953125,&#34;m02&#34;:-49.743061065673828,&#34;m10&#34;:-202.74781799316406,&#34;m11&#34;:-2.2579477843009954e-07,&#34;m12&#34;:275.37390136718750},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_56_5108)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 81.7043L1 81.7043L1 105.704L1.04907e-06 105.704L0 81.7043Z" fill="url(#paint4_linear_56_5108)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 107.704L1 107.704L1 108.704L4.37114e-08 108.704L0 107.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 110.704L1 110.704L1 111.704L4.37114e-08 111.704L0 110.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 113.704L1 113.704L1 114.704L4.37114e-08 114.704L0 113.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 81.7043L429.925 81.7043L429.925 105.704L428.925 105.704L428.925 81.7043Z" fill="url(#paint5_linear_56_5108)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 107.704L429.925 107.704L429.925 108.704L428.925 108.704L428.925 107.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 110.704L429.925 110.704L429.925 111.704L428.925 111.704L428.925 110.704Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M428.925 113.704L429.925 113.704L429.925 114.704L428.925 114.704L428.925 113.704Z" fill="#30DAFF"/>
+<path d="M3 166L8 171H3V166Z" fill="#34636E"/>
+<path d="M427 166L422 171H427V166Z" fill="#34636E"/>
+<defs>
+<clipPath id="paint3_diamond_56_5108_clip_path"><path d="M430 77.165L430.684 77.8942L431 77.5979V77.165H430ZM426.775 80.1914L426.091 79.4622L425.775 79.7585V80.1914H426.775ZM426.775 116.504H425.775V116.937L426.091 117.233L426.775 116.504ZM430 119.53H431V119.097L430.684 118.801L430 119.53ZM430 174V175H431V174H430ZM0 174H-1V175H0V174ZM0 119.53L-0.684338 118.801L-1 119.097V119.53H0ZM3.22461 116.504L3.90895 117.233L4.22461 116.937V116.504H3.22461ZM3.22461 80.1914H4.22461V79.7585L3.90895 79.4622L3.22461 80.1914ZM0 77.165H-1V77.5979L-0.684338 77.8942L0 77.165ZM0 0V-1H-1V0H0ZM430 0H431V-1H430V0ZM430 77.165L429.316 76.4359L426.091 79.4622L426.775 80.1914L427.46 80.9206L430.684 77.8942L430 77.165ZM426.775 80.1914H425.775V116.504H426.775H427.775V80.1914H426.775ZM426.775 116.504L426.091 117.233L429.316 120.259L430 119.53L430.684 118.801L427.46 115.775L426.775 116.504ZM430 119.53H429V174H430H431V119.53H430ZM430 174V173H0V174V175H430V174ZM0 174H1V119.53H0H-1V174H0ZM0 119.53L0.684338 120.259L3.90895 117.233L3.22461 116.504L2.54027 115.775L-0.684338 118.801L0 119.53ZM3.22461 116.504H4.22461V80.1914H3.22461H2.22461V116.504H3.22461ZM3.22461 80.1914L3.90895 79.4622L0.684338 76.4359L0 77.165L-0.684338 77.8942L2.54027 80.9206L3.22461 80.1914ZM0 77.165H1V0H0H-1V77.165H0ZM0 0V1H430V0V-1H0V0ZM430 0H429V77.165H430H431V0H430Z" mask="url(#path-1-inside-1_56_5108)"/></clipPath><radialGradient id="paint0_radial_56_5108" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(215 86.9995) rotate(-90) scale(87 215)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint1_linear_56_5108" x1="58.2274" y1="71.7592" x2="25.2975" y2="-10.1681" gradientUnits="userSpaceOnUse">
+<stop offset="0.0104167" stop-color="#2A5470" stop-opacity="0"/>
+<stop offset="0.291568" stop-color="#2A5470" stop-opacity="0.24"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_5108" x1="215" y1="173.999" x2="215" y2="-0.000549674" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4FC5DD"/>
+<stop offset="1" stop-color="#05839D" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_diamond_56_5108" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop offset="0.511394" stop-color="#0097B8"/>
+<stop offset="0.812834" stop-color="#A2F0FF"/>
+<stop offset="0.835711" stop-color="#91F8FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_5108" x1="0.5" y1="105.704" x2="0.499999" y2="81.7043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DAFF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#30DCFF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_56_5108" x1="429.425" y1="105.704" x2="429.425" y2="81.7043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DAFF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#30DCFF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-f9pv7d2.svg b/.figma/image/mmlqps3u-f9pv7d2.svg
new file mode 100644
index 0000000..5358106
--- /dev/null
+++ b/.figma/image/mmlqps3u-f9pv7d2.svg
@@ -0,0 +1,37 @@
+<svg width="246" height="46" viewBox="0 0 246 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_43_1233" fill="white">
+<path d="M0 23C0 10.2975 10.2975 0 23 0L223 0C235.703 0 246 10.2975 246 23C246 35.7025 235.703 46 223 46L23 46C10.2974 46 0 35.7025 0 23Z"/>
+</mask>
+<g filter="url(#filter0_i_43_1233)">
+<path d="M0 23C0 10.2975 10.2975 0 23 0L223 0C235.703 0 246 10.2975 246 23C246 35.7025 235.703 46 223 46L23 46C10.2974 46 0 35.7025 0 23Z" fill="url(#paint0_linear_43_1233)" fill-opacity="0.4"/>
+</g>
+<path d="M23 0V1L223 1V0V-1L23 -1V0ZM223 46V45L23 45V46V47L223 47V46ZM23 46V45C10.8497 45 1 35.1503 1 23H0H-1C-1 36.2548 9.74516 47 23 47V46ZM246 23H245C245 35.1503 235.15 45 223 45V46V47C236.255 47 247 36.2548 247 23L246 23ZM223 0V1C235.15 1 245 10.8497 245 23H246L247 23C247 9.74517 236.255 -1 223 -1V0ZM23 0V-1C9.74517 -1 -1 9.74517 -1 23H0H1C1 10.8497 10.8497 1 23 1V0Z" fill="url(#paint1_radial_43_1233)" mask="url(#path-1-inside-1_43_1233)"/>
+<g clip-path="url(#paint2_diamond_43_1233_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_43_1233)"><g transform="matrix(-0.0466667 -0.0653594 4374.65 -1185.44 127.907 22.6703)"><rect x="0" y="0" width="751.252" height="0.028017" fill="url(#paint2_diamond_43_1233)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="751.252" height="0.028017" transform="scale(1 -1)" fill="url(#paint2_diamond_43_1233)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="751.252" height="0.028017" transform="scale(-1 1)" fill="url(#paint2_diamond_43_1233)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="751.252" height="0.028017" transform="scale(-1)" fill="url(#paint2_diamond_43_1233)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M23 0V1L223 1V0V-1L23 -1V0ZM223 46V45L23 45V46V47L223 47V46ZM23 46V45C10.8497 45 1 35.1503 1 23H0H-1C-1 36.2548 9.74516 47 23 47V46ZM246 23H245C245 35.1503 235.15 45 223 45V46V47C236.255 47 247 36.2548 247 23L246 23ZM223 0V1C235.15 1 245 10.8497 245 23H246L247 23C247 9.74517 236.255 -1 223 -1V0ZM23 0V-1C9.74517 -1 -1 9.74517 -1 23H0H1C1 10.8497 10.8497 1 23 1V0Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.67500001192092896,&#34;g&#34;:0.94504863023757935,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.29712498188018799},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.80609583854675293},{&#34;color&#34;:{&#34;r&#34;:0.67450982332229614,&#34;g&#34;:0.94509804248809814,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-93.333351135253906,&#34;m01&#34;:8749307.0,&#34;m02&#34;:-4374479.0,&#34;m10&#34;:-130.71888732910156,&#34;m11&#34;:-2370884.50,&#34;m12&#34;:1185530.250},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_43_1233)"/>
+<defs>
+<filter id="filter0_i_43_1233" x="0" y="0" width="246" height="46" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.109253 0 0 0 0 0.771681 0 0 0 0 0.904167 0 0 0 0.67 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_43_1233"/>
+</filter>
+<clipPath id="paint2_diamond_43_1233_clip_path"><path d="M23 0V1L223 1V0V-1L23 -1V0ZM223 46V45L23 45V46V47L223 47V46ZM23 46V45C10.8497 45 1 35.1503 1 23H0H-1C-1 36.2548 9.74516 47 23 47V46ZM246 23H245C245 35.1503 235.15 45 223 45V46V47C236.255 47 247 36.2548 247 23L246 23ZM223 0V1C235.15 1 245 10.8497 245 23H246L247 23C247 9.74517 236.255 -1 223 -1V0ZM23 0V-1C9.74517 -1 -1 9.74517 -1 23H0H1C1 10.8497 10.8497 1 23 1V0Z" mask="url(#path-1-inside-1_43_1233)"/></clipPath><linearGradient id="paint0_linear_43_1233" x1="128" y1="-1.51161" x2="128" y2="46" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.46"/>
+<stop offset="0.515139" stop-opacity="0.27"/>
+<stop offset="1" stop-opacity="0.46"/>
+</linearGradient>
+<radialGradient id="paint1_radial_43_1233" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(128 24.9739) rotate(-90) scale(34.0106 189.277)">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint2_diamond_43_1233" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ACF1FF"/>
+<stop offset="0.297125" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.806096" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#ACF1FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-fhihon6.svg b/.figma/image/mmlqps3u-fhihon6.svg
new file mode 100644
index 0000000..5cf67b9
--- /dev/null
+++ b/.figma/image/mmlqps3u-fhihon6.svg
@@ -0,0 +1,34 @@
+<svg width="120" height="10" viewBox="0 0 120 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 10H20L10 0H0L10 10Z" fill="url(#paint0_linear_56_5580)"/>
+<path d="M30 10H40L30 0H20L30 10Z" fill="url(#paint1_linear_56_5580)"/>
+<path d="M50 10H60L50 0H40L50 10Z" fill="url(#paint2_linear_56_5580)"/>
+<path d="M70 10H80L70 0H60L70 10Z" fill="url(#paint3_linear_56_5580)"/>
+<path d="M90 10H100L90 0H80L90 10Z" fill="url(#paint4_linear_56_5580)"/>
+<path d="M110 10H120L110 0H100L110 10Z" fill="url(#paint5_linear_56_5580)"/>
+<defs>
+<linearGradient id="paint0_linear_56_5580" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_5580" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_5580" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint3_linear_56_5580" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_5580" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint5_linear_56_5580" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-gtjtcz1.svg b/.figma/image/mmlqps3u-gtjtcz1.svg
new file mode 100644
index 0000000..8bc18ed
--- /dev/null
+++ b/.figma/image/mmlqps3u-gtjtcz1.svg
@@ -0,0 +1,3 @@
+<svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0H6L0 6V0Z" fill="#30DCFF"/>
+</svg>
diff --git a/.figma/image/mmlqps3u-h6uknv8.svg b/.figma/image/mmlqps3u-h6uknv8.svg
new file mode 100644
index 0000000..5e5dbee
--- /dev/null
+++ b/.figma/image/mmlqps3u-h6uknv8.svg
@@ -0,0 +1,49 @@
+<svg width="319" height="140" viewBox="0 0 319 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_5562" fill="white">
+<path d="M319 62.0869L316.607 64.5215V93.7393L319 96.1738V140H0V96.1738L2.39258 93.7393V64.5215L0 62.0869V0H319V62.0869Z"/>
+</mask>
+<path d="M319 62.0869L316.607 64.5215V93.7393L319 96.1738V140H0V96.1738L2.39258 93.7393V64.5215L0 62.0869V0H319V62.0869Z" fill="url(#paint0_radial_56_5562)"/>
+<path d="M319 62.0869L316.607 64.5215V93.7393L319 96.1738V140H0V96.1738L2.39258 93.7393V64.5215L0 62.0869V0H319V62.0869Z" fill="url(#paint1_linear_56_5562)"/>
+<path d="M319 62.0869L319.713 62.7878L320 62.496V62.0869H319ZM316.607 64.5215L315.894 63.8206L315.607 64.1124V64.5215H316.607ZM316.607 93.7393H315.607V94.1484L315.894 94.4402L316.607 93.7393ZM319 96.1738H320V95.7647L319.713 95.4729L319 96.1738ZM319 140V141H320V140H319ZM0 140H-1V141H0V140ZM0 96.1738L-0.713231 95.4729L-1 95.7647V96.1738H0ZM2.39258 93.7393L3.10581 94.4402L3.39258 94.1484V93.7393H2.39258ZM2.39258 64.5215H3.39258V64.1124L3.10581 63.8206L2.39258 64.5215ZM0 62.0869H-1V62.496L-0.713231 62.7878L0 62.0869ZM0 0V-1H-1V0H0ZM319 0H320V-1H319V0ZM319 62.0869L318.287 61.386L315.894 63.8206L316.607 64.5215L317.321 65.2224L319.713 62.7878L319 62.0869ZM316.607 64.5215H315.607V93.7393H316.607H317.607V64.5215H316.607ZM316.607 93.7393L315.894 94.4402L318.287 96.8748L319 96.1738L319.713 95.4729L317.321 93.0383L316.607 93.7393ZM319 96.1738H318V140H319H320V96.1738H319ZM319 140V139H0V140V141H319V140ZM0 140H1V96.1738H0H-1V140H0ZM0 96.1738L0.713231 96.8748L3.10581 94.4402L2.39258 93.7393L1.67935 93.0383L-0.713231 95.4729L0 96.1738ZM2.39258 93.7393H3.39258V64.5215H2.39258H1.39258V93.7393H2.39258ZM2.39258 64.5215L3.10581 63.8206L0.713231 61.386L0 62.0869L-0.713231 62.7878L1.67935 65.2224L2.39258 64.5215ZM0 62.0869H1V0H0H-1V62.0869H0ZM0 0V1H319V0V-1H0V0ZM319 0H318V62.0869H319H320V0H319Z" fill="url(#paint2_linear_56_5562)" mask="url(#path-1-inside-1_56_5562)"/>
+<g clip-path="url(#paint3_diamond_56_5562_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_56_5562)"><g transform="matrix(0 -0.0815652 0.196402 0 159.5 140)"><rect x="0" y="0" width="1728.68" height="817.2" fill="url(#paint3_diamond_56_5562)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1728.68" height="817.2" transform="scale(1 -1)" fill="url(#paint3_diamond_56_5562)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1728.68" height="817.2" transform="scale(-1 1)" fill="url(#paint3_diamond_56_5562)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1728.68" height="817.2" transform="scale(-1)" fill="url(#paint3_diamond_56_5562)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M319 62.0869L319.713 62.7878L320 62.496V62.0869H319ZM316.607 64.5215L315.894 63.8206L315.607 64.1124V64.5215H316.607ZM316.607 93.7393H315.607V94.1484L315.894 94.4402L316.607 93.7393ZM319 96.1738H320V95.7647L319.713 95.4729L319 96.1738ZM319 140V141H320V140H319ZM0 140H-1V141H0V140ZM0 96.1738L-0.713231 95.4729L-1 95.7647V96.1738H0ZM2.39258 93.7393L3.10581 94.4402L3.39258 94.1484V93.7393H2.39258ZM2.39258 64.5215H3.39258V64.1124L3.10581 63.8206L2.39258 64.5215ZM0 62.0869H-1V62.496L-0.713231 62.7878L0 62.0869ZM0 0V-1H-1V0H0ZM319 0H320V-1H319V0ZM319 62.0869L318.287 61.386L315.894 63.8206L316.607 64.5215L317.321 65.2224L319.713 62.7878L319 62.0869ZM316.607 64.5215H315.607V93.7393H316.607H317.607V64.5215H316.607ZM316.607 93.7393L315.894 94.4402L318.287 96.8748L319 96.1738L319.713 95.4729L317.321 93.0383L316.607 93.7393ZM319 96.1738H318V140H319H320V96.1738H319ZM319 140V139H0V140V141H319V140ZM0 140H1V96.1738H0H-1V140H0ZM0 96.1738L0.713231 96.8748L3.10581 94.4402L2.39258 93.7393L1.67935 93.0383L-0.713231 95.4729L0 96.1738ZM2.39258 93.7393H3.39258V64.5215H2.39258H1.39258V93.7393H2.39258ZM2.39258 64.5215L3.10581 63.8206L0.713231 61.386L0 62.0869L-0.713231 62.7878L1.67935 65.2224L2.39258 64.5215ZM0 62.0869H1V0H0H-1V62.0869H0ZM0 0V1H319V0V-1H0V0ZM319 0H318V62.0869H319H320V0H319Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.59033554792404175,&#34;b&#34;:0.71992188692092896,&#34;a&#34;:1.0},&#34;position&#34;:0.51139414310455322},{&#34;color&#34;:{&#34;r&#34;:0.63574218750,&#34;g&#34;:0.94204998016357422,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.81283402442932129},{&#34;color&#34;:{&#34;r&#34;:0.56757813692092896,&#34;g&#34;:0.97187495231628418,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.83571147918701172}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-2.5550536079249619e-12,&#34;m01&#34;:392.80480957031250,&#34;m02&#34;:-36.902408599853516,&#34;m10&#34;:-163.13041687011719,&#34;m11&#34;:-1.8167395410273457e-07,&#34;m12&#34;:221.56521606445312},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_56_5562)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 65.7391L1 65.7391L1 83.7391L7.86805e-07 83.7391L0 65.7391Z" fill="url(#paint4_linear_56_5562)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 85.7391L1 85.7391L1 86.7391L4.37114e-08 86.7391L0 85.7391Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 88.7391L1 88.7391L1 89.7391L4.37114e-08 89.7391L0 88.7391Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 91.7391L1 91.7391L1 92.7391L4.37114e-08 92.7391L0 91.7391Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M318.202 65.7391L319.202 65.7391L319.202 83.7391L318.202 83.7391L318.202 65.7391Z" fill="url(#paint5_linear_56_5562)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M318.202 85.7391L319.202 85.7391L319.202 86.7391L318.202 86.7391L318.202 85.7391Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M318.202 88.7391L319.202 88.7391L319.202 89.7391L318.202 89.7391L318.202 88.7391Z" fill="#30DAFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M318.202 91.7391L319.202 91.7391L319.202 92.7391L318.202 92.7391L318.202 91.7391Z" fill="#30DAFF"/>
+<path d="M3 132L8 137H3V132Z" fill="#34636E"/>
+<path d="M316 132L311 137H316V132Z" fill="#34636E"/>
+<defs>
+<clipPath id="paint3_diamond_56_5562_clip_path"><path d="M319 62.0869L319.713 62.7878L320 62.496V62.0869H319ZM316.607 64.5215L315.894 63.8206L315.607 64.1124V64.5215H316.607ZM316.607 93.7393H315.607V94.1484L315.894 94.4402L316.607 93.7393ZM319 96.1738H320V95.7647L319.713 95.4729L319 96.1738ZM319 140V141H320V140H319ZM0 140H-1V141H0V140ZM0 96.1738L-0.713231 95.4729L-1 95.7647V96.1738H0ZM2.39258 93.7393L3.10581 94.4402L3.39258 94.1484V93.7393H2.39258ZM2.39258 64.5215H3.39258V64.1124L3.10581 63.8206L2.39258 64.5215ZM0 62.0869H-1V62.496L-0.713231 62.7878L0 62.0869ZM0 0V-1H-1V0H0ZM319 0H320V-1H319V0ZM319 62.0869L318.287 61.386L315.894 63.8206L316.607 64.5215L317.321 65.2224L319.713 62.7878L319 62.0869ZM316.607 64.5215H315.607V93.7393H316.607H317.607V64.5215H316.607ZM316.607 93.7393L315.894 94.4402L318.287 96.8748L319 96.1738L319.713 95.4729L317.321 93.0383L316.607 93.7393ZM319 96.1738H318V140H319H320V96.1738H319ZM319 140V139H0V140V141H319V140ZM0 140H1V96.1738H0H-1V140H0ZM0 96.1738L0.713231 96.8748L3.10581 94.4402L2.39258 93.7393L1.67935 93.0383L-0.713231 95.4729L0 96.1738ZM2.39258 93.7393H3.39258V64.5215H2.39258H1.39258V93.7393H2.39258ZM2.39258 64.5215L3.10581 63.8206L0.713231 61.386L0 62.0869L-0.713231 62.7878L1.67935 65.2224L2.39258 64.5215ZM0 62.0869H1V0H0H-1V62.0869H0ZM0 0V1H319V0V-1H0V0ZM319 0H318V62.0869H319H320V0H319Z" mask="url(#path-1-inside-1_56_5562)"/></clipPath><radialGradient id="paint0_radial_56_5562" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(159.5 69.9996) rotate(-90) scale(70 159.5)">
+<stop stop-color="#1A394D" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A394D" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint1_linear_56_5562" x1="43.1966" y1="57.7373" x2="15.1484" y2="-6.60366" gradientUnits="userSpaceOnUse">
+<stop offset="0.0104167" stop-color="#2A5470" stop-opacity="0"/>
+<stop offset="0.291568" stop-color="#2A5470" stop-opacity="0.24"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_5562" x1="159.5" y1="140" x2="159.5" y2="-0.000442266" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4FC5DD"/>
+<stop offset="1" stop-color="#05839D" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_diamond_56_5562" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop offset="0.511394" stop-color="#0097B8"/>
+<stop offset="0.812834" stop-color="#A2F0FF"/>
+<stop offset="0.835711" stop-color="#91F8FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_5562" x1="0.5" y1="83.7391" x2="0.499999" y2="65.7391" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DAFF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#30DCFF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_56_5562" x1="318.702" y1="83.7391" x2="318.702" y2="65.7391" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DAFF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#30DCFF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-jinfgg3.svg b/.figma/image/mmlqps3u-jinfgg3.svg
new file mode 100644
index 0000000..c97d557
--- /dev/null
+++ b/.figma/image/mmlqps3u-jinfgg3.svg
@@ -0,0 +1,9 @@
+<svg width="260" height="7" viewBox="0 0 260 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M260 0H0L7 7H260V0Z" fill="url(#paint0_linear_56_5385)"/>
+<defs>
+<linearGradient id="paint0_linear_56_5385" x1="453.013" y1="4.99999" x2="9.04682" y2="4.99992" gradientUnits="userSpaceOnUse">
+<stop offset="0.429792" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-ltb8la3.svg b/.figma/image/mmlqps3u-ltb8la3.svg
new file mode 100644
index 0000000..eb8ac36
--- /dev/null
+++ b/.figma/image/mmlqps3u-ltb8la3.svg
@@ -0,0 +1,18 @@
+<svg width="250" height="50" viewBox="0 0 250 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_43_1232" fill="white">
+<path d="M0 25C0 11.1929 11.1929 0 25 0L225 0C238.807 0 250 11.1929 250 25C250 38.8071 238.807 50 225 50L25 50C11.1929 50 0 38.8071 0 25Z"/>
+</mask>
+<path d="M25 0V1L225 1V0V-1L25 -1V0ZM225 50V49L25 49V50V51L225 51V50ZM25 50V49C11.7452 49 1 38.2548 1 25H0H-1C-1 39.3594 10.6406 51 25 51V50ZM250 25H249C249 38.2548 238.255 49 225 49V50V51C239.359 51 251 39.3594 251 25H250ZM225 0V1C238.255 1 249 11.7452 249 25H250H251C251 10.6406 239.359 -1 225 -1V0ZM25 0V-1C10.6406 -1 -1 10.6406 -1 25H0H1C1 11.7452 11.7452 1 25 1V0Z" fill="url(#paint0_radial_43_1232)" mask="url(#path-1-inside-1_43_1232)"/>
+<g clip-path="url(#paint1_diamond_43_1232_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_43_1232)"><g transform="matrix(-0.0599257 -0.0456499 3436.57 -1629.2 130.213 24.5148)"><rect x="0" y="0" width="1184.46" height="0.0297709" fill="url(#paint1_diamond_43_1232)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1184.46" height="0.0297709" transform="scale(1 -1)" fill="url(#paint1_diamond_43_1232)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1184.46" height="0.0297709" transform="scale(-1 1)" fill="url(#paint1_diamond_43_1232)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1184.46" height="0.0297709" transform="scale(-1)" fill="url(#paint1_diamond_43_1232)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M25 0V1L225 1V0V-1L25 -1V0ZM225 50V49L25 49V50V51L225 51V50ZM25 50V49C11.7452 49 1 38.2548 1 25H0H-1C-1 39.3594 10.6406 51 25 51V50ZM250 25H249C249 38.2548 238.255 49 225 49V50V51C239.359 51 251 39.3594 251 25H250ZM225 0V1C238.255 1 249 11.7452 249 25H250H251C251 10.6406 239.359 -1 225 -1V0ZM25 0V-1C10.6406 -1 -1 10.6406 -1 25H0H1C1 11.7452 11.7452 1 25 1V0Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.56164705753326416,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.88618111610412598},{&#34;color&#34;:{&#34;r&#34;:0.25087890028953552,&#34;g&#34;:0.87364220619201660,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-119.85142517089844,&#34;m01&#34;:6873142.50,&#34;m02&#34;:-3436381.0,&#34;m10&#34;:-91.299819946289062,&#34;m11&#34;:-3258407.50,&#34;m12&#34;:1629273.8750},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_43_1232)"/>
+<defs>
+<clipPath id="paint1_diamond_43_1232_clip_path"><path d="M25 0V1L225 1V0V-1L25 -1V0ZM225 50V49L25 49V50V51L225 51V50ZM25 50V49C11.7452 49 1 38.2548 1 25H0H-1C-1 39.3594 10.6406 51 25 51V50ZM250 25H249C249 38.2548 238.255 49 225 49V50V51C239.359 51 251 39.3594 251 25H250ZM225 0V1C238.255 1 249 11.7452 249 25H250H251C251 10.6406 239.359 -1 225 -1V0ZM25 0V-1C10.6406 -1 -1 10.6406 -1 25H0H1C1 11.7452 11.7452 1 25 1V0Z" mask="url(#path-1-inside-1_43_1232)"/></clipPath><radialGradient id="paint0_radial_43_1232" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(130 27.1455) rotate(-90) scale(36.9681 192.234)">
+<stop stop-color="#30DCFF" stop-opacity="0.58"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.06"/>
+</radialGradient>
+<linearGradient id="paint1_diamond_43_1232" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.886181" stop-color="#308FFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#40DFFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-mzoh925.svg b/.figma/image/mmlqps3u-mzoh925.svg
new file mode 100644
index 0000000..a353acf
--- /dev/null
+++ b/.figma/image/mmlqps3u-mzoh925.svg
@@ -0,0 +1,17 @@
+<svg width="319" height="34" viewBox="0 0 319 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_5565" fill="white">
+<path d="M165 0L175 10H319V34H0V10L10 0H165Z"/>
+</mask>
+<path d="M165 0L175 10H319V34H0V10L10 0H165Z" fill="url(#paint0_linear_56_5565)"/>
+<path d="M165 0L165.707 -0.707107L165.414 -1H165V0ZM175 10L174.293 10.7071L174.586 11H175V10ZM319 10H320V9H319V10ZM319 34V35H320V34H319ZM0 34H-1V35H0V34ZM0 10L-0.707107 9.29289L-1 9.58579V10H0ZM10 0V-1H9.58579L9.29289 -0.707107L10 0ZM165 0L164.293 0.707107L174.293 10.7071L175 10L175.707 9.29289L165.707 -0.707107L165 0ZM175 10V11H319V10V9H175V10ZM319 10H318V34H319H320V10H319ZM319 34V33H0V34V35H319V34ZM0 34H1V10H0H-1V34H0ZM0 10L0.707107 10.7071L10.7071 0.707107L10 0L9.29289 -0.707107L-0.707107 9.29289L0 10ZM10 0V1H165V0V-1H10V0Z" fill="url(#paint1_linear_56_5565)" mask="url(#path-1-inside-1_56_5565)"/>
+<defs>
+<linearGradient id="paint0_linear_56_5565" x1="319" y1="17" x2="6.37054" y2="17" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0.11"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_5565" x1="32.7775" y1="13" x2="32.7777" y2="-7.00005" gradientUnits="userSpaceOnUse">
+<stop stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-p4fi6xq.svg b/.figma/image/mmlqps3u-p4fi6xq.svg
new file mode 100644
index 0000000..764d28c
--- /dev/null
+++ b/.figma/image/mmlqps3u-p4fi6xq.svg
@@ -0,0 +1,33 @@
+<svg width="179" height="25" viewBox="0 0 179 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<mask id="mask0_56_5118" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="179" height="28">
+<g opacity="0.8" style="mix-blend-mode:plus-lighter">
+<g clip-path="url(#paint0_diamond_56_5118_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.0411199 -0.0827329 4.93725e-10 89.1332 15.12)"><rect x="0" y="0" width="392.024" height="1089.45" fill="url(#paint0_diamond_56_5118)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(1 -1)" fill="url(#paint0_diamond_56_5118)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(-1 1)" fill="url(#paint0_diamond_56_5118)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1089.45" transform="scale(-1)" fill="url(#paint0_diamond_56_5118)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M178.266 14C178.266 7.28 137.785 0 88.5581 0C39.3312 0 0 6.26801 0 14C0 21.732 39.3312 28 88.5581 28C137.785 28 178.266 20.72 178.266 14Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.71666663885116577,&#34;g&#34;:0.93200004100799561,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.60833334922790527,&#34;g&#34;:0.88606065511703491,&#34;b&#34;:1.0,&#34;a&#34;:0.75999999046325684},&#34;position&#34;:0.30251508951187134},{&#34;color&#34;:{&#34;r&#34;:0.42083331942558289,&#34;g&#34;:0.83151531219482422,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-1.3846763362648784e-12,&#34;m01&#34;:-165.46578979492188,&#34;m02&#34;:171.86607360839844,&#34;m10&#34;:-82.239837646484375,&#34;m11&#34;:9.8744919796445174e-07,&#34;m12&#34;:56.239917755126953},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+</g>
+</mask>
+<g mask="url(#mask0_56_5118)">
+<g opacity="0.8" style="mix-blend-mode:plus-lighter">
+<g clip-path="url(#paint1_diamond_56_5118_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.0140001 -0.203396 6.19363e-07 78.2072 13.5001)"><rect x="0" y="0" width="1035.73" height="496.86" fill="url(#paint1_diamond_56_5118)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(1 -1)" fill="url(#paint1_diamond_56_5118)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(-1 1)" fill="url(#paint1_diamond_56_5118)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="496.86" transform="scale(-1)" fill="url(#paint1_diamond_56_5118)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M178.266 12.5C178.266 5.5 136.06 -1.90735e-06 86.833 -1.90735e-06C37.6061 -1.90735e-06 0 5.59644 0 12.5C0 19.4036 37.6061 25 86.833 25C136.06 25 178.266 19.5 178.266 12.5Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.71666663885116577,&#34;g&#34;:0.93200004100799561,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.60833334922790527,&#34;g&#34;:0.88606065511703491,&#34;b&#34;:1.0,&#34;a&#34;:0.75999999046325684},&#34;position&#34;:0.30251508951187134},{&#34;color&#34;:{&#34;r&#34;:0.42083331942558289,&#34;g&#34;:0.83151531219482422,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:4.2315560777606009e-12,&#34;m01&#34;:-406.79138183593750,&#34;m02&#34;:281.60284423828125,&#34;m10&#34;:-28.000110626220703,&#34;m11&#34;:0.0012387258466333151,&#34;m12&#34;:27.499488830566406},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+</g>
+</g>
+</g>
+<g opacity="0.1" style="mix-blend-mode:plus-lighter">
+<ellipse cx="88.0813" cy="12.5" rx="88.0813" ry="12.5" transform="matrix(1 0 0 -1 0 25)" fill="url(#paint2_radial_56_5118)"/>
+</g>
+<defs>
+<clipPath id="paint0_diamond_56_5118_clip_path"><path d="M178.266 14C178.266 7.28 137.785 0 88.5581 0C39.3312 0 0 6.26801 0 14C0 21.732 39.3312 28 88.5581 28C137.785 28 178.266 20.72 178.266 14Z"/></clipPath><clipPath id="paint1_diamond_56_5118_clip_path"><path d="M178.266 12.5C178.266 5.5 136.06 -1.90735e-06 86.833 -1.90735e-06C37.6061 -1.90735e-06 0 5.59644 0 12.5C0 19.4036 37.6061 25 86.833 25C136.06 25 178.266 19.5 178.266 12.5Z"/></clipPath><linearGradient id="paint0_diamond_56_5118" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_diamond_56_5118" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint2_radial_56_5118" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(87.2092 12.5) rotate(90) scale(12.5 79.8144)">
+<stop stop-color="#00B1E9"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-p9nxbkg.svg b/.figma/image/mmlqps3u-p9nxbkg.svg
new file mode 100644
index 0000000..0d60efb
--- /dev/null
+++ b/.figma/image/mmlqps3u-p9nxbkg.svg
@@ -0,0 +1,15 @@
+<svg width="940" height="31" viewBox="0 0 940 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M939 0.5V30.5H60.5049C55.3324 30.5 50.4247 28.2121 47.0996 24.25L37.749 13.1064C35.8187 10.8062 33.3831 9.04123 30.6748 7.91602C29.193 7.0012 27.4691 6.49909 25.6846 6.49902H0.5V0.5H939Z" fill="url(#paint0_linear_42_7764)" stroke="url(#paint1_linear_42_7764)"/>
+<defs>
+<linearGradient id="paint0_linear_42_7764" x1="399" y1="9.49998" x2="1.94523" y2="9.49995" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0.1"/>
+<stop offset="0.483339" stop-color="#35A8EB" stop-opacity="0.12"/>
+<stop offset="0.73693" stop-color="#30C1FF" stop-opacity="0.43"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.12"/>
+</linearGradient>
+<linearGradient id="paint1_linear_42_7764" x1="34.7171" y1="24" x2="37.3238" y2="13.8356" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-plhsq9p.svg b/.figma/image/mmlqps3u-plhsq9p.svg
new file mode 100644
index 0000000..00c731d
--- /dev/null
+++ b/.figma/image/mmlqps3u-plhsq9p.svg
@@ -0,0 +1,28 @@
+<svg width="232" height="85" viewBox="0 0 232 85" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_56_5423)">
+<foreignObject x="-20" y="-20" width="272" height="125"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(10px);clip-path:url(#bgblur_0_56_5423_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="20" d="M225.651 1L231 6.46094V79.1768L225.686 84H75.2109L69.6865 79.2148L69.4053 78.9707H40.7695L40.5078 79.1592L33.7881 84H6.31445L1 79.1768V6.50684L7.30176 1H225.651Z" fill="#1A394D" fill-opacity="0.75" stroke="url(#paint0_linear_56_5423)" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M69 81L72 84H37L41 81H69Z" fill="url(#paint1_linear_56_5423)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_5423" x="-10" y="-10" width="252" height="105" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5423"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5423" result="shape"/>
+</filter>
+<clipPath id="bgblur_0_56_5423_clip_path" transform="translate(20 20)"><path d="M225.651 1L231 6.46094V79.1768L225.686 84H75.2109L69.6865 79.2148L69.4053 78.9707H40.7695L40.5078 79.1592L33.7881 84H6.31445L1 79.1768V6.50684L7.30176 1H225.651Z"/>
+</clipPath><linearGradient id="paint0_linear_56_5423" x1="0" y1="0" x2="112.829" y2="5.02889" gradientUnits="userSpaceOnUse">
+<stop stop-color="#255057"/>
+<stop offset="0.5" stop-color="#50B2BD"/>
+<stop offset="1" stop-color="#255257"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_5423" x1="115" y1="82.5" x2="37" y2="82.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#68DEFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-qs1w7fo.svg b/.figma/image/mmlqps3u-qs1w7fo.svg
new file mode 100644
index 0000000..de3d9bf
--- /dev/null
+++ b/.figma/image/mmlqps3u-qs1w7fo.svg
@@ -0,0 +1,35 @@
+<svg width="62" height="65" viewBox="0 0 62 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_42_7792" fill="white">
+<path d="M1.98473 0.000136614L59.0005 0L61.9776 3V61.4998L59.0005 64.4998L2.9771 64.4999L0 61.4999V2.00014L1.98473 0.000136614Z"/>
+</mask>
+<path d="M1.98473 0.000136614L59.0005 0L61.9776 3V61.4998L59.0005 64.4998L2.9771 64.4999L0 61.4999V2.00014L1.98473 0.000136614Z" fill="url(#paint0_linear_42_7792)" fill-opacity="0.4"/>
+<path d="M1.98473 0.000136614L59.0005 0L61.9776 3V61.4998L59.0005 64.4998L2.9771 64.4999L0 61.4999V2.00014L1.98473 0.000136614Z" fill="url(#paint1_radial_42_7792)"/>
+<path d="M1.98473 0.000136614L59.0005 0L61.9776 3V61.4998L59.0005 64.4998L2.9771 64.4999L0 61.4999V2.00014L1.98473 0.000136614Z" fill="url(#paint2_radial_42_7792)"/>
+<path d="M0 2.00014L-0.709811 1.29574L-1 1.58817V2.00014H0ZM1.98473 0.000136614L1.98473 -0.999863L1.56827 -0.999862L1.27492 -0.704256L1.98473 0.000136614ZM0 61.4999H-1V61.9119L-0.709811 62.2043L0 61.4999ZM2.9771 64.4999L2.26729 65.2043L2.56064 65.4999H2.9771L2.9771 64.4999ZM59.0005 0L59.7104 -0.704392L59.417 -1L59.0005 -1L59.0005 0ZM61.9776 3H62.9776V2.58803L62.6875 2.29561L61.9776 3ZM61.9776 61.4998L62.6875 62.2042L62.9776 61.9118V61.4998H61.9776ZM59.0005 64.4998L59.0005 65.4998H59.417L59.7104 65.2042L59.0005 64.4998ZM0 61.4999H1V2.00014H0H-1V61.4999H0ZM1.98473 0.000136614L1.98474 1.00014L59.0005 1L59.0005 0L59.0005 -1L1.98473 -0.999863L1.98473 0.000136614ZM61.9776 3H60.9776V61.4998H61.9776H62.9776V3H61.9776ZM59.0005 64.4998L59.0005 63.4998L2.9771 63.4999L2.9771 64.4999L2.9771 65.4999L59.0005 65.4998L59.0005 64.4998ZM59.0005 0L58.2907 0.704392L61.2678 3.70439L61.9776 3L62.6875 2.29561L59.7104 -0.704392L59.0005 0ZM61.9776 61.4998L61.2678 60.7954L58.2907 63.7954L59.0005 64.4998L59.7104 65.2042L62.6875 62.2042L61.9776 61.4998ZM2.9771 64.4999L3.68691 63.7955L0.709811 60.7955L0 61.4999L-0.709811 62.2043L2.26729 65.2043L2.9771 64.4999ZM0 2.00014L0.709811 2.70453L2.69454 0.704529L1.98473 0.000136614L1.27492 -0.704256L-0.709811 1.29574L0 2.00014Z" fill="url(#paint3_radial_42_7792)" mask="url(#path-1-inside-1_42_7792)"/>
+<g clip-path="url(#paint4_diamond_42_7792_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_42_7792)"><g transform="matrix(-0.011298 -0.0916452 1059.1 -1662.19 30.9664 31.7877)"><rect x="0" y="0" width="767.548" height="0.0285774" fill="url(#paint4_diamond_42_7792)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="767.548" height="0.0285774" transform="scale(1 -1)" fill="url(#paint4_diamond_42_7792)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="767.548" height="0.0285774" transform="scale(-1 1)" fill="url(#paint4_diamond_42_7792)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="767.548" height="0.0285774" transform="scale(-1)" fill="url(#paint4_diamond_42_7792)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M0 2.00014L-0.709811 1.29574L-1 1.58817V2.00014H0ZM1.98473 0.000136614L1.98473 -0.999863L1.56827 -0.999862L1.27492 -0.704256L1.98473 0.000136614ZM0 61.4999H-1V61.9119L-0.709811 62.2043L0 61.4999ZM2.9771 64.4999L2.26729 65.2043L2.56064 65.4999H2.9771L2.9771 64.4999ZM59.0005 0L59.7104 -0.704392L59.417 -1L59.0005 -1L59.0005 0ZM61.9776 3H62.9776V2.58803L62.6875 2.29561L61.9776 3ZM61.9776 61.4998L62.6875 62.2042L62.9776 61.9118V61.4998H61.9776ZM59.0005 64.4998L59.0005 65.4998H59.417L59.7104 65.2042L59.0005 64.4998ZM0 61.4999H1V2.00014H0H-1V61.4999H0ZM1.98473 0.000136614L1.98474 1.00014L59.0005 1L59.0005 0L59.0005 -1L1.98473 -0.999863L1.98473 0.000136614ZM61.9776 3H60.9776V61.4998H61.9776H62.9776V3H61.9776ZM59.0005 64.4998L59.0005 63.4998L2.9771 63.4999L2.9771 64.4999L2.9771 65.4999L59.0005 65.4998L59.0005 64.4998ZM59.0005 0L58.2907 0.704392L61.2678 3.70439L61.9776 3L62.6875 2.29561L59.7104 -0.704392L59.0005 0ZM61.9776 61.4998L61.2678 60.7954L58.2907 63.7954L59.0005 64.4998L59.7104 65.2042L62.6875 62.2042L61.9776 61.4998ZM2.9771 64.4999L3.68691 63.7955L0.709811 60.7955L0 61.4999L-0.709811 62.2043L2.26729 65.2043L2.9771 64.4999ZM0 2.00014L0.709811 2.70453L2.69454 0.704529L1.98473 0.000136614L1.27492 -0.704256L-0.709811 1.29574L0 2.00014Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.67500001192092896,&#34;g&#34;:0.94504863023757935,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.29712498188018799},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.80609583854675293},{&#34;color&#34;:{&#34;r&#34;:0.67450982332229614,&#34;g&#34;:0.94509804248809814,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-22.596017837524414,&#34;m01&#34;:2118208.50,&#34;m02&#34;:-1059062.0,&#34;m10&#34;:-183.29043579101562,&#34;m11&#34;:-3324389.0,&#34;m12&#34;:1662318.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_42_7792)"/>
+<defs>
+<clipPath id="paint4_diamond_42_7792_clip_path"><path d="M0 2.00014L-0.709811 1.29574L-1 1.58817V2.00014H0ZM1.98473 0.000136614L1.98473 -0.999863L1.56827 -0.999862L1.27492 -0.704256L1.98473 0.000136614ZM0 61.4999H-1V61.9119L-0.709811 62.2043L0 61.4999ZM2.9771 64.4999L2.26729 65.2043L2.56064 65.4999H2.9771L2.9771 64.4999ZM59.0005 0L59.7104 -0.704392L59.417 -1L59.0005 -1L59.0005 0ZM61.9776 3H62.9776V2.58803L62.6875 2.29561L61.9776 3ZM61.9776 61.4998L62.6875 62.2042L62.9776 61.9118V61.4998H61.9776ZM59.0005 64.4998L59.0005 65.4998H59.417L59.7104 65.2042L59.0005 64.4998ZM0 61.4999H1V2.00014H0H-1V61.4999H0ZM1.98473 0.000136614L1.98474 1.00014L59.0005 1L59.0005 0L59.0005 -1L1.98473 -0.999863L1.98473 0.000136614ZM61.9776 3H60.9776V61.4998H61.9776H62.9776V3H61.9776ZM59.0005 64.4998L59.0005 63.4998L2.9771 63.4999L2.9771 64.4999L2.9771 65.4999L59.0005 65.4998L59.0005 64.4998ZM59.0005 0L58.2907 0.704392L61.2678 3.70439L61.9776 3L62.6875 2.29561L59.7104 -0.704392L59.0005 0ZM61.9776 61.4998L61.2678 60.7954L58.2907 63.7954L59.0005 64.4998L59.7104 65.2042L62.6875 62.2042L61.9776 61.4998ZM2.9771 64.4999L3.68691 63.7955L0.709811 60.7955L0 61.4999L-0.709811 62.2043L2.26729 65.2043L2.9771 64.4999ZM0 2.00014L0.709811 2.70453L2.69454 0.704529L1.98473 0.000136614L1.27492 -0.704256L-0.709811 1.29574L0 2.00014Z" mask="url(#path-1-inside-1_42_7792)"/></clipPath><linearGradient id="paint0_linear_42_7792" x1="30.9888" y1="-2.11954" x2="30.9888" y2="64.4999" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.46"/>
+<stop offset="0.515139" stop-opacity="0.27"/>
+<stop offset="1" stop-opacity="0.46"/>
+</linearGradient>
+<radialGradient id="paint1_radial_42_7792" cx="0" cy="0" r="1" gradientTransform="matrix(-3.87361 64.4999 -36.8228 -28.1545 47.4516 3.17227e-06)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1F76A8"/>
+<stop offset="0.505354" stop-color="#15547D" stop-opacity="0.24"/>
+</radialGradient>
+<radialGradient id="paint2_radial_42_7792" cx="0" cy="0" r="1" gradientTransform="matrix(6.456 -86.3839 50.1414 47.7093 16.4628 82.9285)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1F76A8"/>
+<stop offset="0.505354" stop-color="#15547D" stop-opacity="0.24"/>
+</radialGradient>
+<radialGradient id="paint3_radial_42_7792" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(30.9888 35.0177) rotate(-90) scale(47.6888 45.8239)">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint4_diamond_42_7792" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ACF1FF"/>
+<stop offset="0.297125" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.806096" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#ACF1FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-rl9wutc.svg b/.figma/image/mmlqps3u-rl9wutc.svg
new file mode 100644
index 0000000..51d4d9e
--- /dev/null
+++ b/.figma/image/mmlqps3u-rl9wutc.svg
@@ -0,0 +1,19 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.4321 9.39551C11.3038 9.39551 11.1755 9.34653 11.0776 9.2486C10.8817 9.05291 10.8817 8.73524 11.0776 8.53951L13.1376 6.4795C13.6428 5.97429 13.9211 5.30275 13.9211 4.58845C13.9211 3.87415 13.6428 3.2026 13.1376 2.69755C12.6324 2.19218 11.9608 1.91404 11.2465 1.91404H11.2464C10.532 1.91404 9.86066 2.19218 9.35562 2.69739L7.29545 4.75741C7.09957 4.95327 6.78223 4.95327 6.58637 4.75741C6.39048 4.56168 6.39048 4.24404 6.58637 4.04832L8.64636 1.98832C9.34077 1.29375 10.2642 0.911133 11.2464 0.911133C11.2465 0.911133 11.2464 0.911133 11.2465 0.911133C12.2287 0.911133 13.1521 1.29375 13.8467 1.98832C14.5414 2.68272 14.924 3.6063 14.924 4.58846C14.924 5.57065 14.5414 6.49421 13.8467 7.18876L11.7866 9.24862C11.6887 9.34653 11.5604 9.39551 11.4321 9.39551Z" fill="url(#paint0_linear_56_5877)"/>
+<path d="M4.68539 14.8269C3.70306 14.8269 2.77948 14.4443 2.08491 13.7496C0.651385 12.3159 0.651385 9.98294 2.08491 8.54897L4.14542 6.48894C4.3413 6.29307 4.65896 6.29307 4.8545 6.48894C5.05037 6.68482 5.05037 7.00231 4.8545 7.19803L2.79417 9.25806C1.7516 10.3009 1.7516 11.9978 2.79417 13.0405C3.29938 13.5457 3.97093 13.824 4.68539 13.824C5.39988 13.824 6.07141 13.5457 6.57644 13.0405L8.63663 10.9805C8.83251 10.7846 9.14982 10.7846 9.34571 10.9805C9.5416 11.1762 9.5416 11.4939 9.34571 11.6896L7.2857 13.7496C6.59129 14.4443 5.66771 14.8269 4.68539 14.8269Z" fill="url(#paint1_linear_56_5877)"/>
+<path d="M4.94482 11.3912C4.81651 11.3912 4.68821 11.3422 4.59026 11.2443C4.39439 11.0484 4.39439 10.7309 4.59026 10.5352L9.97144 5.15435C10.1673 4.95848 10.4846 4.95848 10.6805 5.15435C10.8764 5.35023 10.8764 5.66773 10.6805 5.86345L5.29936 11.2443C5.2014 11.3422 5.0731 11.3912 4.94482 11.3912Z" fill="url(#paint2_linear_56_5877)"/>
+<defs>
+<linearGradient id="paint0_linear_56_5877" x1="10.6817" y1="9.39551" x2="10.6817" y2="0.911133" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C4E6"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_5877" x1="5.2512" y1="14.8269" x2="5.2512" y2="6.34204" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C4E6"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_5877" x1="7.63539" y1="11.3912" x2="7.63539" y2="5.00745" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C4E6"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-s97x2ya.svg b/.figma/image/mmlqps3u-s97x2ya.svg
new file mode 100644
index 0000000..2ae6895
--- /dev/null
+++ b/.figma/image/mmlqps3u-s97x2ya.svg
@@ -0,0 +1,47 @@
+<svg width="125" height="46" viewBox="0 0 125 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_43_1239" fill="white">
+<path d="M0 23C0 10.2975 10.2975 0 23 0L102 0C114.703 0 125 10.2975 125 23C125 35.7025 114.703 46 102 46L23 46C10.2975 46 0 35.7025 0 23Z"/>
+</mask>
+<g filter="url(#filter0_i_43_1239)">
+<path d="M0 23C0 10.2975 10.2975 0 23 0L102 0C114.703 0 125 10.2975 125 23C125 35.7025 114.703 46 102 46L23 46C10.2975 46 0 35.7025 0 23Z" fill="url(#paint0_linear_43_1239)" fill-opacity="0.4"/>
+<path d="M0 23C0 10.2975 10.2975 0 23 0L102 0C114.703 0 125 10.2975 125 23C125 35.7025 114.703 46 102 46L23 46C10.2975 46 0 35.7025 0 23Z" fill="url(#paint1_radial_43_1239)"/>
+<path d="M0 23C0 10.2975 10.2975 0 23 0L102 0C114.703 0 125 10.2975 125 23C125 35.7025 114.703 46 102 46L23 46C10.2975 46 0 35.7025 0 23Z" fill="url(#paint2_radial_43_1239)"/>
+</g>
+<path d="M23 0V1L102 1V0V-1L23 -1V0ZM102 46V45L23 45V46V47L102 47V46ZM23 46V45C10.8497 45 1 35.1503 1 23H0H-1C-1 36.2548 9.74517 47 23 47V46ZM125 23H124C124 35.1503 114.15 45 102 45V46V47C115.255 47 126 36.2548 126 23H125ZM102 0V1C114.15 1 124 10.8497 124 23H125H126C126 9.74517 115.255 -1 102 -1V0ZM23 0V-1C9.74517 -1 -1 9.74517 -1 23H0H1C1 10.8497 10.8497 1 23 1V0Z" fill="url(#paint3_radial_43_1239)" mask="url(#path-1-inside-1_43_1239)"/>
+<g clip-path="url(#paint4_diamond_43_1239_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_43_1239)"><g transform="matrix(-0.0227865 -0.0653594 2136.06 -1185.44 62.4547 22.6703)"><rect x="0" y="0" width="763.991" height="0.0282178" fill="url(#paint4_diamond_43_1239)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="763.991" height="0.0282178" transform="scale(1 -1)" fill="url(#paint4_diamond_43_1239)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="763.991" height="0.0282178" transform="scale(-1 1)" fill="url(#paint4_diamond_43_1239)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="763.991" height="0.0282178" transform="scale(-1)" fill="url(#paint4_diamond_43_1239)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M23 0V1L102 1V0V-1L23 -1V0ZM102 46V45L23 45V46V47L102 47V46ZM23 46V45C10.8497 45 1 35.1503 1 23H0H-1C-1 36.2548 9.74517 47 23 47V46ZM125 23H124C124 35.1503 114.15 45 102 45V46V47C115.255 47 126 36.2548 126 23H125ZM102 0V1C114.15 1 124 10.8497 124 23H125H126C126 9.74517 115.255 -1 102 -1V0ZM23 0V-1C9.74517 -1 -1 9.74517 -1 23H0H1C1 10.8497 10.8497 1 23 1V0Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.67500001192092896,&#34;g&#34;:0.94504863023757935,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.29712498188018799},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.80609583854675293},{&#34;color&#34;:{&#34;r&#34;:0.67450982332229614,&#34;g&#34;:0.94509804248809814,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-45.572925567626953,&#34;m01&#34;:4272122.50,&#34;m02&#34;:-2135976.0,&#34;m10&#34;:-130.71888732910156,&#34;m11&#34;:-2370884.250,&#34;m12&#34;:1185530.250},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_43_1239)"/>
+<defs>
+<filter id="filter0_i_43_1239" x="0" y="0" width="125" height="46" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.109253 0 0 0 0 0.771681 0 0 0 0 0.904167 0 0 0 0.67 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_43_1239"/>
+</filter>
+<clipPath id="paint4_diamond_43_1239_clip_path"><path d="M23 0V1L102 1V0V-1L23 -1V0ZM102 46V45L23 45V46V47L102 47V46ZM23 46V45C10.8497 45 1 35.1503 1 23H0H-1C-1 36.2548 9.74517 47 23 47V46ZM125 23H124C124 35.1503 114.15 45 102 45V46V47C115.255 47 126 36.2548 126 23H125ZM102 0V1C114.15 1 124 10.8497 124 23H125H126C126 9.74517 115.255 -1 102 -1V0ZM23 0V-1C9.74517 -1 -1 9.74517 -1 23H0H1C1 10.8497 10.8497 1 23 1V0Z" mask="url(#path-1-inside-1_43_1239)"/></clipPath><linearGradient id="paint0_linear_43_1239" x1="62.5" y1="-1.51161" x2="62.5" y2="46" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.46"/>
+<stop offset="0.515139" stop-opacity="0.27"/>
+<stop offset="1" stop-opacity="0.46"/>
+</linearGradient>
+<radialGradient id="paint1_radial_43_1239" cx="0" cy="0" r="1" gradientTransform="matrix(-7.81251 46 -74.2663 -20.0792 95.7031 2.26239e-06)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1F76A8"/>
+<stop offset="0.505354" stop-color="#15547D" stop-opacity="0.24"/>
+</radialGradient>
+<radialGradient id="paint2_radial_43_1239" cx="0" cy="0" r="1" gradientTransform="matrix(13.0208 -61.6071 101.128 34.0252 33.2031 59.1429)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1F76A8"/>
+<stop offset="0.505354" stop-color="#15547D" stop-opacity="0.24"/>
+</radialGradient>
+<radialGradient id="paint3_radial_43_1239" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(62.5 24.9739) rotate(-90) scale(34.0106 92.4202)">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint4_diamond_43_1239" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ACF1FF"/>
+<stop offset="0.297125" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.806096" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#ACF1FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-vaz79zw.svg b/.figma/image/mmlqps3u-vaz79zw.svg
new file mode 100644
index 0000000..d01d4c5
--- /dev/null
+++ b/.figma/image/mmlqps3u-vaz79zw.svg
@@ -0,0 +1,33 @@
+<svg width="133" height="25" viewBox="0 0 133 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<mask id="mask0_56_5572" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="133" height="28">
+<g opacity="0.8" style="mix-blend-mode:plus-lighter">
+<g clip-path="url(#paint0_diamond_56_5572_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.0411199 -0.0613763 4.93725e-10 66.1244 15.12)"><rect x="0" y="0" width="392.024" height="1093.65" fill="url(#paint0_diamond_56_5572)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1093.65" transform="scale(1 -1)" fill="url(#paint0_diamond_56_5572)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1093.65" transform="scale(-1 1)" fill="url(#paint0_diamond_56_5572)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="392.024" height="1093.65" transform="scale(-1)" fill="url(#paint0_diamond_56_5572)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M132.249 14C132.249 7.28 102.217 0 65.6978 0C29.1783 0 0 6.26801 0 14C0 21.732 29.1783 28 65.6978 28C102.217 28 132.249 20.72 132.249 14Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.71666663885116577,&#34;g&#34;:0.93200004100799561,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.60833334922790527,&#34;g&#34;:0.88606065511703491,&#34;b&#34;:1.0,&#34;a&#34;:0.75999999046325684},&#34;position&#34;:0.30251508951187134},{&#34;color&#34;:{&#34;r&#34;:0.42083331942558289,&#34;g&#34;:0.83151531219482422,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-1.0272365640398573e-12,&#34;m01&#34;:-122.75251770019531,&#34;m02&#34;:127.50064086914062,&#34;m10&#34;:-82.239837646484375,&#34;m11&#34;:9.8744919796445174e-07,&#34;m12&#34;:56.239917755126953},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+</g>
+</mask>
+<g mask="url(#mask0_56_5572)">
+<g opacity="0.8" style="mix-blend-mode:plus-lighter">
+<g clip-path="url(#paint1_diamond_56_5572_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.0140001 -0.150891 6.19363e-07 58.0188 13.5001)"><rect x="0" y="0" width="1035.73" height="498.571" fill="url(#paint1_diamond_56_5572)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="498.571" transform="scale(1 -1)" fill="url(#paint1_diamond_56_5572)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="498.571" transform="scale(-1 1)" fill="url(#paint1_diamond_56_5572)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1035.73" height="498.571" transform="scale(-1)" fill="url(#paint1_diamond_56_5572)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M132.249 12.5C132.249 5.5 100.937 -1.90735e-06 64.4179 -1.90735e-06C27.8985 -1.90735e-06 0 5.59644 0 12.5C0 19.4036 27.8985 25 64.4179 25C100.937 25 132.249 19.5 132.249 12.5Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.71666663885116577,&#34;g&#34;:0.93200004100799561,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.60833334922790527,&#34;g&#34;:0.88606065511703491,&#34;b&#34;:1.0,&#34;a&#34;:0.75999999046325684},&#34;position&#34;:0.30251508951187134},{&#34;color&#34;:{&#34;r&#34;:0.42083331942558289,&#34;g&#34;:0.83151531219482422,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:3.1392241237049312e-12,&#34;m01&#34;:-301.78244018554688,&#34;m02&#34;:208.91000366210938,&#34;m10&#34;:-28.000110626220703,&#34;m11&#34;:0.0012387258466333151,&#34;m12&#34;:27.499488830566406},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+</g>
+</g>
+</g>
+<g opacity="0.1" style="mix-blend-mode:plus-lighter">
+<ellipse cx="65.344" cy="12.5" rx="65.344" ry="12.5" transform="matrix(1 0 0 -1 0 25)" fill="url(#paint2_radial_56_5572)"/>
+</g>
+<defs>
+<clipPath id="paint0_diamond_56_5572_clip_path"><path d="M132.249 14C132.249 7.28 102.217 0 65.6978 0C29.1783 0 0 6.26801 0 14C0 21.732 29.1783 28 65.6978 28C102.217 28 132.249 20.72 132.249 14Z"/></clipPath><clipPath id="paint1_diamond_56_5572_clip_path"><path d="M132.249 12.5C132.249 5.5 100.937 -1.90735e-06 64.4179 -1.90735e-06C27.8985 -1.90735e-06 0 5.59644 0 12.5C0 19.4036 27.8985 25 64.4179 25C100.937 25 132.249 19.5 132.249 12.5Z"/></clipPath><linearGradient id="paint0_diamond_56_5572" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_diamond_56_5572" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B7EEFF"/>
+<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint2_radial_56_5572" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(64.6971 12.5) rotate(90) scale(12.5 59.2111)">
+<stop stop-color="#00B1E9"/>
+<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-vtg2htr.svg b/.figma/image/mmlqps3u-vtg2htr.svg
new file mode 100644
index 0000000..28d3a77
--- /dev/null
+++ b/.figma/image/mmlqps3u-vtg2htr.svg
@@ -0,0 +1,34 @@
+<svg width="120" height="10" viewBox="0 0 120 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 10H20L10 0H0L10 10Z" fill="url(#paint0_linear_56_5126)"/>
+<path d="M30 10H40L30 0H20L30 10Z" fill="url(#paint1_linear_56_5126)"/>
+<path d="M50 10H60L50 0H40L50 10Z" fill="url(#paint2_linear_56_5126)"/>
+<path d="M70 10H80L70 0H60L70 10Z" fill="url(#paint3_linear_56_5126)"/>
+<path d="M90 10H100L90 0H80L90 10Z" fill="url(#paint4_linear_56_5126)"/>
+<path d="M110 10H120L110 0H100L110 10Z" fill="url(#paint5_linear_56_5126)"/>
+<defs>
+<linearGradient id="paint0_linear_56_5126" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_5126" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint2_linear_56_5126" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint3_linear_56_5126" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_5126" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint5_linear_56_5126" x1="148.5" y1="14.5" x2="2.64259e-07" y2="-10.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30C1FF" stop-opacity="0.27"/>
+<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-vwv7q7n.svg b/.figma/image/mmlqps3u-vwv7q7n.svg
new file mode 100644
index 0000000..784468b
--- /dev/null
+++ b/.figma/image/mmlqps3u-vwv7q7n.svg
@@ -0,0 +1,10 @@
+<svg width="14" height="18" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.13983 6.66184C1.12934 3.62183 3.43465 1.14872 6.2893 1.13754C9.14395 1.12637 11.4663 3.58137 11.4763 6.62138C11.4792 7.44558 11.3083 8.25997 10.9764 9.00453L11.8901 9.79766C13.4922 6.5096 12.2875 2.46139 9.19993 0.755347C6.11235 -0.951232 2.31098 0.33163 0.708962 3.6197C-0.89306 6.90776 0.311581 10.9565 3.39916 12.662C4.23067 13.1216 5.14806 13.3777 6.08436 13.4115L5.90091 12.1606C4.60358 12.0491 3.39326 11.4214 2.51097 10.4024C1.62868 9.38339 1.13914 8.0479 1.13983 6.66184ZM11.2678 13.9278L14 12.868L8.76406 9.08863C9.27885 8.4844 9.58283 7.71 9.625 6.89537C9.66717 6.08074 9.44497 5.27545 8.99566 4.61462C8.54636 3.95379 7.8973 3.47763 7.1574 3.26604C6.41749 3.05444 5.63176 3.12029 4.93204 3.45253C4.23232 3.78477 3.66119 4.36319 3.31449 5.09073C2.96778 5.81827 2.86659 6.65066 3.02789 7.44824C3.1892 8.24582 3.60319 8.96005 4.20039 9.47109C4.7976 9.98213 5.54168 10.2589 6.30779 10.2549C6.54295 10.2529 6.77735 10.2261 7.00758 10.1751L7.2785 16.7544L9.57782 15.0244C9.59154 15.0036 9.60995 14.9869 9.63134 14.9756C9.65273 14.9644 9.67643 14.9591 9.70026 14.9601C9.72409 14.9612 9.74729 14.9686 9.76773 14.9817C9.78817 14.9948 9.80519 15.0131 9.81725 15.035L11.4148 18L12.7754 17.159L11.1613 14.1562C11.1492 14.1344 11.1423 14.1097 11.1414 14.0844C11.1405 14.059 11.1456 14.0338 11.1562 14.0111C11.1667 13.9884 11.1825 13.9689 11.202 13.9543C11.2215 13.9398 11.2441 13.9307 11.2678 13.9278Z" fill="#333333"/>
+<path d="M1.13983 6.66184C1.12934 3.62183 3.43465 1.14872 6.2893 1.13754C9.14395 1.12637 11.4663 3.58137 11.4763 6.62138C11.4792 7.44558 11.3083 8.25997 10.9764 9.00453L11.8901 9.79766C13.4922 6.5096 12.2875 2.46139 9.19993 0.755347C6.11235 -0.951232 2.31098 0.33163 0.708962 3.6197C-0.89306 6.90776 0.311581 10.9565 3.39916 12.662C4.23067 13.1216 5.14806 13.3777 6.08436 13.4115L5.90091 12.1606C4.60358 12.0491 3.39326 11.4214 2.51097 10.4024C1.62868 9.38339 1.13914 8.0479 1.13983 6.66184ZM11.2678 13.9278L14 12.868L8.76406 9.08863C9.27885 8.4844 9.58283 7.71 9.625 6.89537C9.66717 6.08074 9.44497 5.27545 8.99566 4.61462C8.54636 3.95379 7.8973 3.47763 7.1574 3.26604C6.41749 3.05444 5.63176 3.12029 4.93204 3.45253C4.23232 3.78477 3.66119 4.36319 3.31449 5.09073C2.96778 5.81827 2.86659 6.65066 3.02789 7.44824C3.1892 8.24582 3.60319 8.96005 4.20039 9.47109C4.7976 9.98213 5.54168 10.2589 6.30779 10.2549C6.54295 10.2529 6.77735 10.2261 7.00758 10.1751L7.2785 16.7544L9.57782 15.0244C9.59154 15.0036 9.60995 14.9869 9.63134 14.9756C9.65273 14.9644 9.67643 14.9591 9.70026 14.9601C9.72409 14.9612 9.74729 14.9686 9.76773 14.9817C9.78817 14.9948 9.80519 15.0131 9.81725 15.035L11.4148 18L12.7754 17.159L11.1613 14.1562C11.1492 14.1344 11.1423 14.1097 11.1414 14.0844C11.1405 14.059 11.1456 14.0338 11.1562 14.0111C11.1667 13.9884 11.1825 13.9689 11.202 13.9543C11.2215 13.9398 11.2441 13.9307 11.2678 13.9278Z" fill="url(#paint0_linear_42_7790)"/>
+<defs>
+<linearGradient id="paint0_linear_42_7790" x1="6.99991" y1="0" x2="6.99991" y2="18.0005" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBF2FA"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-wyj1xjq.svg b/.figma/image/mmlqps3u-wyj1xjq.svg
new file mode 100644
index 0000000..7946256
--- /dev/null
+++ b/.figma/image/mmlqps3u-wyj1xjq.svg
@@ -0,0 +1,17 @@
+<svg width="430" height="34" viewBox="0 0 430 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_5111" fill="white">
+<path d="M165 0L175 10H430V34H0V10L10 0H165Z"/>
+</mask>
+<path d="M165 0L175 10H430V34H0V10L10 0H165Z" fill="url(#paint0_linear_56_5111)"/>
+<path d="M165 0L165.707 -0.707107L165.414 -1H165V0ZM175 10L174.293 10.7071L174.586 11H175V10ZM430 10H431V9H430V10ZM430 34V35H431V34H430ZM0 34H-1V35H0V34ZM0 10L-0.707107 9.29289L-1 9.58579V10H0ZM10 0V-1H9.58579L9.29289 -0.707107L10 0ZM165 0L164.293 0.707107L174.293 10.7071L175 10L175.707 9.29289L165.707 -0.707107L165 0ZM175 10V11H430V10V9H175V10ZM430 10H429V34H430H431V10H430ZM430 34V33H0V34V35H430V34ZM0 34H1V10H0H-1V34H0ZM0 10L0.707107 10.7071L10.7071 0.707107L10 0L9.29289 -0.707107L-0.707107 9.29289L0 10ZM10 0V1H165V0V-1H10V0Z" fill="url(#paint1_linear_56_5111)" mask="url(#path-1-inside-1_56_5111)"/>
+<defs>
+<linearGradient id="paint0_linear_56_5111" x1="430" y1="17" x2="8.58724" y2="17" gradientUnits="userSpaceOnUse">
+<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0.11"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_5111" x1="44.1829" y1="13" x2="44.183" y2="-7.00005" gradientUnits="userSpaceOnUse">
+<stop stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-xhmcajj.svg b/.figma/image/mmlqps3u-xhmcajj.svg
new file mode 100644
index 0000000..fdc9d3d
--- /dev/null
+++ b/.figma/image/mmlqps3u-xhmcajj.svg
@@ -0,0 +1,3 @@
+<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.307538 0.310122C0.717588 -0.103374 1.38241 -0.103374 1.79246 0.310122L6.69246 5.2513C7.10251 5.6648 7.10251 6.33521 6.69246 6.7487L4.24246 9.21929C3.83241 9.63279 3.16759 9.63279 2.75754 9.21929C2.34749 8.80579 2.34749 8.13538 2.75754 7.72189L4.46508 6L0.307538 1.80752C-0.102513 1.39403 -0.102513 0.723619 0.307538 0.310122ZM2.40496 9.57483C2.81501 9.98833 2.81501 10.6587 2.40496 11.0722L1.79246 11.6899C1.38241 12.1034 0.717588 12.1034 0.307538 11.6899C-0.102513 11.2764 -0.102513 10.606 0.307538 10.1925L0.920038 9.57483C1.33009 9.16133 1.99491 9.16133 2.40496 9.57483Z" fill="white"/>
+</svg>
diff --git a/.figma/image/mmlqps3u-xmaxcye.svg b/.figma/image/mmlqps3u-xmaxcye.svg
new file mode 100644
index 0000000..105197f
--- /dev/null
+++ b/.figma/image/mmlqps3u-xmaxcye.svg
@@ -0,0 +1,18 @@
+<svg width="250" height="50" viewBox="0 0 250 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_43_1252" fill="white">
+<path d="M0 25C0 11.1929 11.1929 0 25 0L225 0C238.807 0 250 11.1929 250 25C250 38.8071 238.807 50 225 50L25 50C11.1929 50 0 38.8071 0 25Z"/>
+</mask>
+<path d="M25 0V1L225 1V0V-1L25 -1V0ZM225 50V49L25 49V50V51L225 51V50ZM25 50V49C11.7452 49 1 38.2548 1 25H0H-1C-1 39.3594 10.6406 51 25 51V50ZM250 25H249C249 38.2548 238.255 49 225 49V50V51C239.359 51 251 39.3594 251 25H250ZM225 0V1C238.255 1 249 11.7452 249 25H250H251C251 10.6406 239.359 -1 225 -1V0ZM25 0V-1C10.6406 -1 -1 10.6406 -1 25H0H1C1 11.7452 11.7452 1 25 1V0Z" fill="url(#paint0_radial_43_1252)" mask="url(#path-1-inside-1_43_1252)"/>
+<g clip-path="url(#paint1_diamond_43_1252_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_43_1252)"><g transform="matrix(-0.0599257 -0.0456499 3436.57 -1629.2 130.213 24.5148)"><rect x="0" y="0" width="1184.46" height="0.0297709" fill="url(#paint1_diamond_43_1252)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1184.46" height="0.0297709" transform="scale(1 -1)" fill="url(#paint1_diamond_43_1252)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1184.46" height="0.0297709" transform="scale(-1 1)" fill="url(#paint1_diamond_43_1252)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="1184.46" height="0.0297709" transform="scale(-1)" fill="url(#paint1_diamond_43_1252)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M25 0V1L225 1V0V-1L25 -1V0ZM225 50V49L25 49V50V51L225 51V50ZM25 50V49C11.7452 49 1 38.2548 1 25H0H-1C-1 39.3594 10.6406 51 25 51V50ZM250 25H249C249 38.2548 238.255 49 225 49V50V51C239.359 51 251 39.3594 251 25H250ZM225 0V1C238.255 1 249 11.7452 249 25H250H251C251 10.6406 239.359 -1 225 -1V0ZM25 0V-1C10.6406 -1 -1 10.6406 -1 25H0H1C1 11.7452 11.7452 1 25 1V0Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.56164705753326416,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.88618111610412598},{&#34;color&#34;:{&#34;r&#34;:0.25087890028953552,&#34;g&#34;:0.87364220619201660,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-119.85142517089844,&#34;m01&#34;:6873142.50,&#34;m02&#34;:-3436381.0,&#34;m10&#34;:-91.299819946289062,&#34;m11&#34;:-3258407.50,&#34;m12&#34;:1629273.8750},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_43_1252)"/>
+<defs>
+<clipPath id="paint1_diamond_43_1252_clip_path"><path d="M25 0V1L225 1V0V-1L25 -1V0ZM225 50V49L25 49V50V51L225 51V50ZM25 50V49C11.7452 49 1 38.2548 1 25H0H-1C-1 39.3594 10.6406 51 25 51V50ZM250 25H249C249 38.2548 238.255 49 225 49V50V51C239.359 51 251 39.3594 251 25H250ZM225 0V1C238.255 1 249 11.7452 249 25H250H251C251 10.6406 239.359 -1 225 -1V0ZM25 0V-1C10.6406 -1 -1 10.6406 -1 25H0H1C1 11.7452 11.7452 1 25 1V0Z" mask="url(#path-1-inside-1_43_1252)"/></clipPath><radialGradient id="paint0_radial_43_1252" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(130 27.1455) rotate(-90) scale(36.9681 192.234)">
+<stop stop-color="#30DCFF" stop-opacity="0.58"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.06"/>
+</radialGradient>
+<linearGradient id="paint1_diamond_43_1252" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.886181" stop-color="#308FFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#40DFFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-xppwag9.svg b/.figma/image/mmlqps3u-xppwag9.svg
new file mode 100644
index 0000000..520b83f
--- /dev/null
+++ b/.figma/image/mmlqps3u-xppwag9.svg
@@ -0,0 +1,9 @@
+<svg width="149" height="7" viewBox="0 0 149 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M149 0H0L7 7H149V0Z" fill="url(#paint0_linear_56_5839)"/>
+<defs>
+<linearGradient id="paint0_linear_56_5839" x1="259.611" y1="4.99999" x2="5.18453" y2="4.99997" gradientUnits="userSpaceOnUse">
+<stop offset="0.429792" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-yyuoxe1.svg b/.figma/image/mmlqps3u-yyuoxe1.svg
new file mode 100644
index 0000000..845bf45
--- /dev/null
+++ b/.figma/image/mmlqps3u-yyuoxe1.svg
@@ -0,0 +1,9 @@
+<svg width="393" height="31" viewBox="0 0 393 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M392.471 0V31H53.5996C48.2828 30.9999 43.2383 28.649 39.8184 24.5781L30.4453 13.4209C28.8231 11.4899 26.835 9.9461 24.626 8.85645C23.0714 7.66578 21.1541 6.9991 19.1553 6.99902H6.10547L0 0H392.471Z" fill="url(#paint0_radial_42_7765)"/>
+<defs>
+<radialGradient id="paint0_radial_42_7765" cx="0" cy="0" r="1" gradientTransform="matrix(-13.8469 62.4999 -1786.5 -348.873 62.2792 -35.5)" gradientUnits="userSpaceOnUse">
+<stop offset="0.851191" stop-color="#35A8EB" stop-opacity="0"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0.63"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-z0ux95t.svg b/.figma/image/mmlqps3u-z0ux95t.svg
new file mode 100644
index 0000000..eb40ef3
--- /dev/null
+++ b/.figma/image/mmlqps3u-z0ux95t.svg
@@ -0,0 +1,16 @@
+<svg width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6666 14L8.4666 0L0 14H19.6666Z" fill="url(#paint0_linear_42_7774)"/>
+<path d="M25.6668 14H29.6668L18.4668 0H14.4668L25.6668 14Z" fill="url(#paint1_linear_42_7774)"/>
+<defs>
+<linearGradient id="paint0_linear_42_7774" x1="28" y1="14" x2="4.22498" y2="8.11014" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_42_7774" x1="28" y1="14" x2="4.22498" y2="8.11014" gradientUnits="userSpaceOnUse">
+<stop stop-color="#30F3FF"/>
+<stop offset="0.473902" stop-color="#30DCFF"/>
+<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3u-z2h177q.svg b/.figma/image/mmlqps3u-z2h177q.svg
new file mode 100644
index 0000000..30f036a
--- /dev/null
+++ b/.figma/image/mmlqps3u-z2h177q.svg
@@ -0,0 +1,22 @@
+<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 2H1L1 4H0L0 2Z" fill="url(#paint0_linear_43_1241)"/>
+<path d="M4 1L5 1L5 5H4L4 1Z" fill="url(#paint1_linear_43_1241)"/>
+<path d="M8 0L9 0V6H8L8 0Z" fill="url(#paint2_linear_43_1241)"/>
+<defs>
+<linearGradient id="paint0_linear_43_1241" x1="0" y1="3.09048" x2="11" y2="3.09048" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86EBFF" stop-opacity="0.66"/>
+<stop offset="0.584633" stop-color="#31CEFF" stop-opacity="0.27"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_43_1241" x1="0" y1="3.09048" x2="11" y2="3.09048" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86EBFF" stop-opacity="0.66"/>
+<stop offset="0.584633" stop-color="#31CEFF" stop-opacity="0.27"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_43_1241" x1="0" y1="3.09048" x2="11" y2="3.09048" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86EBFF" stop-opacity="0.66"/>
+<stop offset="0.584633" stop-color="#31CEFF" stop-opacity="0.27"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-0q5by0l.svg b/.figma/image/mmlqps3v-0q5by0l.svg
new file mode 100644
index 0000000..1a14f8e
--- /dev/null
+++ b/.figma/image/mmlqps3v-0q5by0l.svg
@@ -0,0 +1,48 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_56_5471)">
+<g filter="url(#filter1_di_56_5471)">
+<ellipse cx="20.0016" cy="32.9999" rx="2.66667" ry="1.19993" fill="#FFCC00" fill-opacity="0.585227"/>
+<ellipse cx="20.0016" cy="32.9999" rx="2.66667" ry="1.19993" stroke="#FFCC00" stroke-width="0.252975"/>
+</g>
+<ellipse opacity="0.5" cx="20.001" cy="32.9998" rx="8" ry="2.99982" stroke="#FFCC00" stroke-width="0.379462"/>
+<ellipse cx="20.0003" cy="33.0012" rx="5.33333" ry="1.79989" stroke="#FFCC00" stroke-width="0.379462"/>
+<path d="M20 33L20 0" stroke="url(#paint0_linear_56_5471)" stroke-width="0.499985"/>
+<rect width="31.8" height="-1" rx="-0.5" transform="matrix(-4.37105e-08 1 1 4.37123e-08 20.501 0)" fill="url(#paint1_linear_56_5471)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_5471" x="8.81152" y="-2.00003" width="22.3789" height="42.1893" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.999969"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.8 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5471"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5471" result="shape"/>
+</filter>
+<filter id="filter1_di_56_5471" x="15.3106" y="28.5112" width="9.38165" height="6.44757" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1.26491"/>
+<feGaussianBlur stdDeviation="0.948683"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.8 0 0 0 0 0 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5471"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5471" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="0.126487" operator="erode" in="SourceAlpha" result="effect2_innerShadow_56_5471"/>
+<feOffset dy="0.632436"/>
+<feGaussianBlur stdDeviation="0.316218"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.8 0 0 0 0 0 0 0 0 0.237462 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_56_5471"/>
+</filter>
+<linearGradient id="paint0_linear_56_5471" x1="21.5" y1="33" x2="21.5" y2="-6.55671e-08" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFCC00" stop-opacity="0.01"/>
+<stop offset="1" stop-color="#FFCC00"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_5471" x1="0" y1="-1.00003" x2="31.8" y2="-1.00003" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="0.5" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-5ejx8ro.svg b/.figma/image/mmlqps3v-5ejx8ro.svg
new file mode 100644
index 0000000..e7327ed
--- /dev/null
+++ b/.figma/image/mmlqps3v-5ejx8ro.svg
@@ -0,0 +1,60 @@
+<svg width="51" height="36" viewBox="0 0 51 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_5540" fill="white">
+<path d="M50 15.9639L49.2197 16.5908V24.1045L50 24.7305V36H0.5V24.7295L1.2793 24.1045V16.5908L0.5 15.9648V0H50V15.9639Z"/>
+</mask>
+<path d="M50 15.9639L49.2197 16.5908V24.1045L50 24.7305V36H0.5V24.7295L1.2793 24.1045V16.5908L0.5 15.9648V0H50V15.9639Z" fill="url(#paint0_linear_56_5540)"/>
+<path d="M50 15.9639L49.2197 16.5908V24.1045L50 24.7305V36H0.5V24.7295L1.2793 24.1045V16.5908L0.5 15.9648V0H50V15.9639Z" fill="url(#paint1_radial_56_5540)"/>
+<path d="M50 15.9639L50.6264 16.7434L51 16.4432V15.9639H50ZM49.2197 16.5908L48.5934 15.8113L48.2197 16.1115V16.5908H49.2197ZM49.2197 24.1045H48.2197V24.5843L48.594 24.8845L49.2197 24.1045ZM50 24.7305H51V24.2507L50.6258 23.9505L50 24.7305ZM50 36V37H51V36H50ZM0.5 36H-0.5V37H0.5V36ZM0.5 24.7295L-0.125648 23.9494L-0.5 24.2496V24.7295H0.5ZM1.2793 24.1045L1.90495 24.8846L2.2793 24.5844V24.1045H1.2793ZM1.2793 16.5908H2.2793V16.1114L1.90554 15.8112L1.2793 16.5908ZM0.5 15.9648H-0.5V16.4442L-0.126243 16.7445L0.5 15.9648ZM0.5 0V-1H-0.5V0H0.5ZM50 0H51V-1H50V0ZM50 15.9639L49.3736 15.1843L48.5934 15.8113L49.2197 16.5908L49.8461 17.3704L50.6264 16.7434L50 15.9639ZM49.2197 16.5908H48.2197V24.1045H49.2197H50.2197V16.5908H49.2197ZM49.2197 24.1045L48.594 24.8845L49.3742 25.5105L50 24.7305L50.6258 23.9505L49.8455 23.3245L49.2197 24.1045ZM50 24.7305H49V36H50H51V24.7305H50ZM50 36V35H0.5V36V37H50V36ZM0.5 36H1.5V24.7295H0.5H-0.5V36H0.5ZM0.5 24.7295L1.12565 25.5096L1.90495 24.8846L1.2793 24.1045L0.653649 23.3244L-0.125648 23.9494L0.5 24.7295ZM1.2793 24.1045H2.2793V16.5908H1.2793H0.279297V24.1045H1.2793ZM1.2793 16.5908L1.90554 15.8112L1.12624 15.1852L0.5 15.9648L-0.126243 16.7445L0.653054 17.3704L1.2793 16.5908ZM0.5 15.9648H1.5V0H0.5H-0.5V15.9648H0.5ZM0.5 0V1H50V0V-1H0.5V0ZM50 0H49V15.9639H50H51V0H50Z" fill="url(#paint2_linear_56_5540)" mask="url(#path-1-inside-1_56_5540)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 11.9043L1 11.9043L1 19.9043L6.99382e-07 19.9043L0 11.9043Z" fill="url(#paint3_linear_56_5540)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 16.9043L1 16.9043L1 17.9043L4.37114e-08 17.9043L0 16.9043Z" fill="#FF3030"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 19.9043L1 19.9043L1 20.9043L4.37114e-08 20.9043L0 19.9043Z" fill="#FF3030"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 22.9043L1 22.9043L1 23.9043L4.37114e-08 23.9043L0 22.9043Z" fill="#FF3030"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 11.9043L50.7402 11.9043L50.7402 19.9043L49.7402 19.9043L49.7402 11.9043Z" fill="url(#paint4_linear_56_5540)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 16.9043L50.7402 16.9043L50.7402 17.9043L49.7402 17.9043L49.7402 16.9043Z" fill="#FF3030"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 19.9043L50.7402 19.9043L50.7402 20.9043L49.7402 20.9043L49.7402 19.9043Z" fill="#FF3030"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 22.9043L50.7402 22.9043L50.7402 23.9043L49.7402 23.9043L49.7402 22.9043Z" fill="#FF3030"/>
+<path d="M3 28L8 33H3V28Z" fill="#6E3434"/>
+<path d="M47 28L42 33H47V28Z" fill="#6E3434"/>
+<g filter="url(#filter0_d_56_5540)">
+<path d="M25.6936 22.8462V19.7294C25.6939 19.4543 25.8033 19.1906 25.9976 18.996C26.192 18.8013 26.4555 18.6917 26.7305 18.6909H29.8468C30.6682 18.6909 31.4712 18.9345 32.1542 19.391C32.8372 19.8474 33.3695 20.4961 33.6839 21.2552C33.9982 22.0142 34.0805 22.8494 33.9202 23.6551C33.7599 24.4609 33.3644 25.2011 32.7836 25.782C32.2027 26.3629 31.4627 26.7585 30.657 26.9188C29.8514 27.0791 29.0163 26.9968 28.2574 26.6824C27.4985 26.368 26.8499 25.8356 26.3935 25.1525C25.9372 24.4694 25.6936 23.6663 25.6936 22.8448V22.8462ZM16.0028 22.8462C16.0028 21.7445 16.4403 20.6879 17.2192 19.9089C17.9981 19.1299 19.0545 18.6923 20.156 18.6923H23.2681C23.4045 18.6921 23.5396 18.7189 23.6657 18.771C23.7917 18.8231 23.9063 18.8996 24.0027 18.9961C24.0992 19.0925 24.1756 19.2071 24.2277 19.3332C24.2799 19.4592 24.3066 19.5943 24.3064 19.7308V22.8462C24.3064 23.9478 23.8688 25.0044 23.09 25.7834C22.3111 26.5624 21.2547 27 20.1532 27C19.0517 27 17.9953 26.5624 17.2164 25.7834C16.4376 25.0044 16 23.9478 16 22.8462H16.0028ZM26.7305 17.3077C26.4555 17.307 26.192 17.1973 25.9976 17.0026C25.8033 16.808 25.6939 16.5443 25.6936 16.2692V13.1538C25.6936 12.3323 25.9372 11.5292 26.3935 10.8461C26.8499 10.163 27.4985 9.63059 28.2574 9.31619C29.0163 9.0018 29.8514 8.91954 30.657 9.07982C31.4627 9.24009 32.2027 9.63571 32.7836 10.2166C33.3644 10.7976 33.7599 11.5377 33.9202 12.3435C34.0805 13.1492 33.9982 13.9844 33.6839 14.7435C33.3695 15.5025 32.8372 16.1512 32.1542 16.6076C31.4712 17.0641 30.6682 17.3077 29.8468 17.3077H26.7305ZM20.1587 17.3077C19.3373 17.3077 18.5343 17.0641 17.8513 16.6076C17.1684 16.1512 16.636 15.5025 16.3217 14.7435C16.0073 13.9844 15.9251 13.1492 16.0853 12.3435C16.2456 11.5377 16.6411 10.7976 17.222 10.2166C17.8028 9.63571 18.5429 9.24009 19.3485 9.07982C20.1541 8.91954 20.9892 9.0018 21.7481 9.31619C22.507 9.63059 23.1556 10.163 23.612 10.8461C24.0684 11.5292 24.312 12.3323 24.312 13.1538V16.2706C24.3121 16.407 24.2854 16.5422 24.2333 16.6682C24.1812 16.7943 24.1047 16.9089 24.0082 17.0053C23.9118 17.1018 23.7973 17.1783 23.6712 17.2304C23.5452 17.2825 23.4101 17.3093 23.2736 17.3091L20.1587 17.3077Z" fill="url(#paint5_radial_56_5540)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_5540" x="11" y="4" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.639216 0 0 0 0 0.639216 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5540"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5540" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_56_5540" x1="26" y1="0" x2="26" y2="36" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0E1622" stop-opacity="0"/>
+<stop offset="0.5" stop-color="#0E1622"/>
+<stop offset="1" stop-color="#0E1622" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint1_radial_56_5540" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(26 17.9999) rotate(-90) scale(18 52)">
+<stop stop-color="#4D1A1A" stop-opacity="0"/>
+<stop offset="1" stop-color="#4D1A1A" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint2_linear_56_5540" x1="26" y1="35.9999" x2="26" y2="-0.000113726" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DD4F4F"/>
+<stop offset="1" stop-color="#9D0505" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_56_5540" x1="0.5" y1="19.9043" x2="0.499999" y2="11.9043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF3030" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#FF3030" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#E52626" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_5540" x1="50.2402" y1="19.9043" x2="50.2402" y2="11.9043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF3030" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#FF3030" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#E52626" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint5_radial_56_5540" cx="0" cy="0" r="1" gradientTransform="matrix(16.875 18 -10.487 7.76812 16.5625 9.5)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA3A3"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-8993yum.svg b/.figma/image/mmlqps3v-8993yum.svg
new file mode 100644
index 0000000..1496509
--- /dev/null
+++ b/.figma/image/mmlqps3v-8993yum.svg
@@ -0,0 +1,329 @@
+<svg width="881" height="122" viewBox="0 0 881 122" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 96.5014C87.26 68.1391 295.786 -26.1122 369.5 14.9991C437.994 53.1992 535.473 73.3655 579.823 55.3039C586.225 52.6966 592.228 49.1655 598.675 46.6718C693.175 10.1181 696.809 35.0144 760 84.0006C824.5 134.002 854.5 101.375 875 117" stroke="#0085FF" stroke-width="2" stroke-linecap="round"/>
+<g filter="url(#filter0_d_55_679)">
+<circle cx="5" cy="97" r="5" fill="#0085FF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="5" cy="97" r="4.5" stroke="#0085FF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter1_d_55_679)">
+<circle cx="5.00033" cy="97" r="3.33333" fill="#0085FF"/>
+</g>
+<g filter="url(#filter2_d_55_679)">
+<circle cx="393" cy="27" r="5" fill="#0085FF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="393" cy="27" r="4.5" stroke="#0085FF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter3_d_55_679)">
+<circle cx="393" cy="27" r="3.33333" fill="#0085FF"/>
+</g>
+<g filter="url(#filter4_d_55_679)">
+<circle cx="81" cy="69" r="5" fill="#0085FF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="81" cy="69" r="4.5" stroke="#0085FF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter5_d_55_679)">
+<circle cx="81.0003" cy="69" r="3.33333" fill="#0085FF"/>
+</g>
+<g filter="url(#filter6_d_55_679)">
+<circle cx="473" cy="54" r="5" fill="#0085FF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="473" cy="54" r="4.5" stroke="#0085FF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter7_d_55_679)">
+<circle cx="473" cy="54" r="3.33333" fill="#0085FF"/>
+</g>
+<g filter="url(#filter8_d_55_679)">
+<circle cx="159" cy="40" r="5" fill="#0085FF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="159" cy="40" r="4.5" stroke="#0085FF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter9_d_55_679)">
+<circle cx="159" cy="40" r="3.33333" fill="#0085FF"/>
+</g>
+<g filter="url(#filter10_d_55_679)">
+<circle cx="552" cy="62" r="5" fill="#0085FF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="552" cy="62" r="4.5" stroke="#0085FF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter11_d_55_679)">
+<circle cx="552" cy="62" r="3.33333" fill="#0085FF"/>
+</g>
+<g filter="url(#filter12_d_55_679)">
+<circle cx="237" cy="17" r="5" fill="#0085FF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="237" cy="17" r="4.5" stroke="#0085FF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter13_d_55_679)">
+<circle cx="237" cy="17" r="3.33333" fill="#0085FF"/>
+</g>
+<g filter="url(#filter14_d_55_679)">
+<circle cx="634" cy="35" r="5" fill="#0085FF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="634" cy="35" r="4.5" stroke="#0085FF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter15_d_55_679)">
+<circle cx="634" cy="35" r="3.33333" fill="#0085FF"/>
+</g>
+<g filter="url(#filter16_d_55_679)">
+<circle cx="792" cy="104" r="5" fill="#0085FF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="792" cy="104" r="4.5" stroke="#0085FF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter17_d_55_679)">
+<circle cx="792" cy="104" r="3.33333" fill="#0085FF"/>
+</g>
+<g filter="url(#filter18_d_55_679)">
+<circle cx="316" cy="5" r="5" fill="#0085FF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="316" cy="5" r="4.5" stroke="#0085FF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter19_d_55_679)">
+<circle cx="316" cy="4.99996" r="3.33333" fill="#0085FF"/>
+</g>
+<g filter="url(#filter20_d_55_679)">
+<circle cx="709" cy="43" r="5" fill="#0085FF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="709" cy="43" r="4.5" stroke="#0085FF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter21_d_55_679)">
+<circle cx="709" cy="43" r="3.33333" fill="#0085FF"/>
+</g>
+<g filter="url(#filter22_d_55_679)">
+<circle cx="876" cy="117" r="5" fill="#0085FF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="876" cy="117" r="4.5" stroke="#0085FF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter23_d_55_679)">
+<circle cx="876" cy="117" r="3.33333" fill="#0085FF"/>
+</g>
+<defs>
+<filter id="filter0_d_55_679" x="-4" y="88" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter1_d_55_679" x="-2.33301" y="89.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter2_d_55_679" x="384" y="18" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter3_d_55_679" x="385.667" y="19.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter4_d_55_679" x="72" y="60" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter5_d_55_679" x="73.667" y="61.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter6_d_55_679" x="464" y="45" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter7_d_55_679" x="465.667" y="46.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter8_d_55_679" x="150" y="31" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter9_d_55_679" x="151.667" y="32.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter10_d_55_679" x="543" y="53" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter11_d_55_679" x="544.667" y="54.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter12_d_55_679" x="228" y="8" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter13_d_55_679" x="229.667" y="9.66663" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter14_d_55_679" x="625" y="26" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter15_d_55_679" x="626.667" y="27.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter16_d_55_679" x="783" y="95" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter17_d_55_679" x="784.667" y="96.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter18_d_55_679" x="307" y="-4" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter19_d_55_679" x="308.667" y="-2.33337" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter20_d_55_679" x="700" y="34" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter21_d_55_679" x="701.667" y="35.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter22_d_55_679" x="867" y="108" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+<filter id="filter23_d_55_679" x="868.667" y="109.667" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.521569 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_679"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_679" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-8gkqt2d.svg b/.figma/image/mmlqps3v-8gkqt2d.svg
new file mode 100644
index 0000000..42185a9
--- /dev/null
+++ b/.figma/image/mmlqps3v-8gkqt2d.svg
@@ -0,0 +1,22 @@
+<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 2H1L1 4H0L0 2Z" fill="url(#paint0_linear_43_1247)"/>
+<path d="M4 1L5 1L5 5H4L4 1Z" fill="url(#paint1_linear_43_1247)"/>
+<path d="M8 0L9 0V6H8L8 0Z" fill="url(#paint2_linear_43_1247)"/>
+<defs>
+<linearGradient id="paint0_linear_43_1247" x1="0" y1="3.09048" x2="11" y2="3.09048" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86EBFF" stop-opacity="0.66"/>
+<stop offset="0.584633" stop-color="#31CEFF" stop-opacity="0.27"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_43_1247" x1="0" y1="3.09048" x2="11" y2="3.09048" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86EBFF" stop-opacity="0.66"/>
+<stop offset="0.584633" stop-color="#31CEFF" stop-opacity="0.27"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_43_1247" x1="0" y1="3.09048" x2="11" y2="3.09048" gradientUnits="userSpaceOnUse">
+<stop stop-color="#86EBFF" stop-opacity="0.66"/>
+<stop offset="0.584633" stop-color="#31CEFF" stop-opacity="0.27"/>
+<stop offset="0.964344" stop-color="#267EE5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-cbzz9qa.svg b/.figma/image/mmlqps3v-cbzz9qa.svg
new file mode 100644
index 0000000..75f468e
--- /dev/null
+++ b/.figma/image/mmlqps3v-cbzz9qa.svg
@@ -0,0 +1,48 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_56_5501)">
+<g filter="url(#filter1_di_56_5501)">
+<ellipse cx="20.0016" cy="32.9999" rx="2.66667" ry="1.19993" fill="#ED6D00" fill-opacity="0.585227"/>
+<ellipse cx="20.0016" cy="32.9999" rx="2.66667" ry="1.19993" stroke="#ED6D00" stroke-width="0.252975"/>
+</g>
+<ellipse opacity="0.5" cx="20.001" cy="32.9998" rx="8" ry="2.99982" stroke="#ED6D00" stroke-width="0.379462"/>
+<ellipse cx="20.0003" cy="33.0012" rx="5.33333" ry="1.79989" stroke="#ED6D00" stroke-width="0.379462"/>
+<path d="M20 33L20 0" stroke="url(#paint0_linear_56_5501)" stroke-width="0.499985"/>
+<rect width="31.8" height="-1" rx="-0.5" transform="matrix(-4.37105e-08 1 1 4.37123e-08 20.501 0)" fill="url(#paint1_linear_56_5501)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_5501" x="8.81152" y="-2.00003" width="22.3789" height="42.1893" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.999969"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.929412 0 0 0 0 0.427451 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5501"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5501" result="shape"/>
+</filter>
+<filter id="filter1_di_56_5501" x="15.3106" y="28.5112" width="9.38165" height="6.44757" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1.26491"/>
+<feGaussianBlur stdDeviation="0.948683"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.929412 0 0 0 0 0.427451 0 0 0 0 0 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5501"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5501" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="0.126487" operator="erode" in="SourceAlpha" result="effect2_innerShadow_56_5501"/>
+<feOffset dy="0.632436"/>
+<feGaussianBlur stdDeviation="0.316218"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.929412 0 0 0 0 0.427451 0 0 0 0 0 0 0 0 0.237462 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_56_5501"/>
+</filter>
+<linearGradient id="paint0_linear_56_5501" x1="21.5" y1="33" x2="21.5" y2="-6.55671e-08" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ED6D00" stop-opacity="0.01"/>
+<stop offset="1" stop-color="#ED6D00"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_5501" x1="0" y1="-1.00003" x2="31.8" y2="-1.00003" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="0.5" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-ch01b6l.svg b/.figma/image/mmlqps3v-ch01b6l.svg
new file mode 100644
index 0000000..747343e
--- /dev/null
+++ b/.figma/image/mmlqps3v-ch01b6l.svg
@@ -0,0 +1,60 @@
+<svg width="51" height="36" viewBox="0 0 51 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_5450" fill="white">
+<path d="M50 15.9639L49.2197 16.5908V24.1045L50 24.7305V36H0.5V24.7295L1.2793 24.1045V16.5908L0.5 15.9648V0H50V15.9639Z"/>
+</mask>
+<path d="M50 15.9639L49.2197 16.5908V24.1045L50 24.7305V36H0.5V24.7295L1.2793 24.1045V16.5908L0.5 15.9648V0H50V15.9639Z" fill="url(#paint0_linear_56_5450)"/>
+<path d="M50 15.9639L49.2197 16.5908V24.1045L50 24.7305V36H0.5V24.7295L1.2793 24.1045V16.5908L0.5 15.9648V0H50V15.9639Z" fill="url(#paint1_radial_56_5450)"/>
+<path d="M50 15.9639L50.6264 16.7434L51 16.4432V15.9639H50ZM49.2197 16.5908L48.5934 15.8113L48.2197 16.1115V16.5908H49.2197ZM49.2197 24.1045H48.2197V24.5843L48.594 24.8845L49.2197 24.1045ZM50 24.7305H51V24.2507L50.6258 23.9505L50 24.7305ZM50 36V37H51V36H50ZM0.5 36H-0.5V37H0.5V36ZM0.5 24.7295L-0.125648 23.9494L-0.5 24.2496V24.7295H0.5ZM1.2793 24.1045L1.90495 24.8846L2.2793 24.5844V24.1045H1.2793ZM1.2793 16.5908H2.2793V16.1114L1.90554 15.8112L1.2793 16.5908ZM0.5 15.9648H-0.5V16.4442L-0.126243 16.7445L0.5 15.9648ZM0.5 0V-1H-0.5V0H0.5ZM50 0H51V-1H50V0ZM50 15.9639L49.3736 15.1843L48.5934 15.8113L49.2197 16.5908L49.8461 17.3704L50.6264 16.7434L50 15.9639ZM49.2197 16.5908H48.2197V24.1045H49.2197H50.2197V16.5908H49.2197ZM49.2197 24.1045L48.594 24.8845L49.3742 25.5105L50 24.7305L50.6258 23.9505L49.8455 23.3245L49.2197 24.1045ZM50 24.7305H49V36H50H51V24.7305H50ZM50 36V35H0.5V36V37H50V36ZM0.5 36H1.5V24.7295H0.5H-0.5V36H0.5ZM0.5 24.7295L1.12565 25.5096L1.90495 24.8846L1.2793 24.1045L0.653649 23.3244L-0.125648 23.9494L0.5 24.7295ZM1.2793 24.1045H2.2793V16.5908H1.2793H0.279297V24.1045H1.2793ZM1.2793 16.5908L1.90554 15.8112L1.12624 15.1852L0.5 15.9648L-0.126243 16.7445L0.653054 17.3704L1.2793 16.5908ZM0.5 15.9648H1.5V0H0.5H-0.5V15.9648H0.5ZM0.5 0V1H50V0V-1H0.5V0ZM50 0H49V15.9639H50H51V0H50Z" fill="url(#paint2_linear_56_5450)" mask="url(#path-1-inside-1_56_5450)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 11.9043L1 11.9043L1 19.9043L6.99382e-07 19.9043L0 11.9043Z" fill="url(#paint3_linear_56_5450)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 16.9043L1 16.9043L1 17.9043L4.37114e-08 17.9043L0 16.9043Z" fill="#0072FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 19.9043L1 19.9043L1 20.9043L4.37114e-08 20.9043L0 19.9043Z" fill="#0072FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 22.9043L1 22.9043L1 23.9043L4.37114e-08 23.9043L0 22.9043Z" fill="#0072FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 11.9043L50.7402 11.9043L50.7402 19.9043L49.7402 19.9043L49.7402 11.9043Z" fill="url(#paint4_linear_56_5450)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 16.9043L50.7402 16.9043L50.7402 17.9043L49.7402 17.9043L49.7402 16.9043Z" fill="#0072FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 19.9043L50.7402 19.9043L50.7402 20.9043L49.7402 20.9043L49.7402 19.9043Z" fill="#0072FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 22.9043L50.7402 22.9043L50.7402 23.9043L49.7402 23.9043L49.7402 22.9043Z" fill="#0072FF"/>
+<path d="M3 28L8 33H3V28Z" fill="#234978"/>
+<path d="M47 28L42 33H47V28Z" fill="#234978"/>
+<g filter="url(#filter0_d_56_5450)">
+<path d="M32.1908 9C32.6375 9 33 9.35131 33 9.78393V26.2161C33 26.6487 32.6375 27 32.1908 27H17.8092C17.3625 27 17 26.6487 17 26.2161V9.78393C17 9.35131 17.3625 9 17.8092 9H32.1908ZM28.5674 17.725C28.5154 17.6931 28.4534 17.6822 28.3937 17.6944C28.334 17.7066 28.2811 17.741 28.2455 17.7908L27.9975 18.1254C27.9707 18.1615 27.9347 18.1897 27.8933 18.2069C27.852 18.2242 27.8068 18.2299 27.7625 18.2234C27.5632 18.1965 27.3612 18.1965 27.1618 18.2234C27.1175 18.2298 27.0724 18.2241 27.031 18.2068C26.9897 18.1896 26.9537 18.1615 26.9268 18.1254L26.6788 17.7902C26.6431 17.7407 26.5903 17.7065 26.5308 17.6944C26.4713 17.6823 26.4094 17.6933 26.3575 17.725L25.4898 18.2526C25.4372 18.2857 25.3976 18.3363 25.3781 18.3957C25.3585 18.4551 25.3602 18.5196 25.3828 18.5779L25.5354 18.9726C25.5513 19.0157 25.5563 19.0622 25.5499 19.1077C25.5434 19.1533 25.5257 19.1964 25.4985 19.2333C25.3772 19.4028 25.2757 19.5871 25.1975 19.7832C25.1821 19.8256 25.1558 19.863 25.1213 19.8916C25.0868 19.9203 25.0454 19.9393 25.0012 19.9465L24.6 20.0054C24.4769 20.0241 24.3846 20.1352 24.3846 20.2661V21.3213C24.3846 21.4517 24.4769 21.5621 24.5994 21.5808L25.0006 21.6397C25.0447 21.6472 25.0861 21.6662 25.1207 21.6949C25.1552 21.7235 25.1817 21.7608 25.1975 21.803C25.2757 21.9985 25.376 22.1834 25.4978 22.3529C25.552 22.428 25.568 22.5267 25.5348 22.6136L25.3822 23.0083C25.3591 23.0666 25.3571 23.1312 25.3766 23.1908C25.3961 23.2504 25.4357 23.3012 25.4886 23.3342L26.3563 23.8612C26.464 23.927 26.6012 23.8984 26.6782 23.7954L26.9262 23.4608C26.953 23.4247 26.989 23.3965 27.0304 23.3793C27.0717 23.362 27.1169 23.3563 27.1612 23.3628C27.3605 23.3897 27.5625 23.3897 27.7618 23.3628C27.8062 23.3563 27.8514 23.362 27.8927 23.3793C27.9341 23.3965 27.9701 23.4247 27.9969 23.4608L28.2449 23.796C28.2806 23.8455 28.3334 23.8797 28.3929 23.8918C28.4524 23.9039 28.5143 23.893 28.5662 23.8612L29.4338 23.3336C29.4865 23.3005 29.5261 23.2499 29.5456 23.1905C29.5652 23.1311 29.5635 23.0666 29.5409 23.0083L29.3883 22.6136C29.3725 22.5705 29.3675 22.524 29.374 22.4785C29.3804 22.433 29.398 22.3898 29.4252 22.3529C29.5465 22.1834 29.648 21.9991 29.7262 21.803C29.7417 21.7606 29.7681 21.7232 29.8027 21.6945C29.8373 21.6658 29.8789 21.6469 29.9231 21.6397L30.3237 21.5808C30.4468 21.5621 30.5385 21.4517 30.5385 21.3207V20.2661C30.5401 20.204 30.5193 20.1433 30.4799 20.0954C30.4405 20.0476 30.3852 20.0158 30.3243 20.0061L29.9231 19.9471C29.8791 19.9396 29.8378 19.9205 29.8033 19.8919C29.7689 19.8633 29.7425 19.826 29.7268 19.7839C29.6485 19.589 29.5473 19.4044 29.4252 19.2339C29.3982 19.1969 29.3808 19.1537 29.3745 19.1082C29.3683 19.0626 29.3735 19.0162 29.3895 18.9732L29.5415 18.5785C29.5646 18.5202 29.5666 18.4556 29.5471 18.396C29.5276 18.3364 29.488 18.2857 29.4351 18.2526L28.5674 17.725ZM22.5711 22.2064H20.128C19.7834 22.2064 19.504 22.5689 19.504 23.017C19.504 23.467 19.7834 23.8301 20.1286 23.8301H22.5717C22.9163 23.8301 23.1963 23.467 23.1963 23.0189C23.1963 22.5695 22.9163 22.2058 22.5711 22.2058V22.2064ZM27.5532 19.823C28.0862 19.823 28.5175 20.2792 28.5175 20.8415C28.5175 21.4039 28.0862 21.8594 27.5532 21.8594C27.0209 21.8594 26.5889 21.4039 26.5889 20.8415C26.5889 20.2792 27.0209 19.8236 27.5532 19.8236V19.823ZM22.7569 17.4271H19.9428C19.7003 17.4271 19.504 17.7902 19.504 18.2383C19.504 18.6877 19.7003 19.0514 19.9428 19.0514H22.7569C22.8738 19.0514 22.9846 18.9658 23.0677 18.8137C23.1495 18.6617 23.1963 18.455 23.1963 18.2402C23.1963 17.7902 22.9994 17.4271 22.7569 17.4271ZM29.9126 12.6335H20.3126C19.8658 12.6335 19.504 12.9972 19.504 13.4448C19.504 13.8948 19.8658 14.2579 20.3126 14.2579H29.9126C30.36 14.2579 30.7218 13.8948 30.7218 13.4466C30.7218 12.9972 30.36 12.6335 29.9126 12.6335Z" fill="url(#paint5_radial_56_5450)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_5450" x="12" y="4" width="26" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.592157 0 0 0 0 0.772549 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5450"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5450" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_56_5450" x1="26" y1="0" x2="26" y2="36" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0E1622" stop-opacity="0"/>
+<stop offset="0.5" stop-color="#0E1622"/>
+<stop offset="1" stop-color="#0E1622" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint1_radial_56_5450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(26 17.9999) rotate(-90) scale(18 52)">
+<stop stop-color="#1A3352" stop-opacity="0"/>
+<stop offset="1" stop-color="#1A3352" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint2_linear_56_5450" x1="26" y1="35.9999" x2="26" y2="-0.000113726" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0072FF"/>
+<stop offset="1" stop-color="#0072FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_56_5450" x1="0.5" y1="19.9043" x2="0.499999" y2="11.9043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0072FF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#0072FF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#0072FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_5450" x1="50.2402" y1="19.9043" x2="50.2402" y2="11.9043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0072FF" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#0072FF" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#0072FF" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint5_radial_56_5450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.5 9.5) rotate(50.1944) scale(23.4307 12.1342)">
+<stop stop-color="#97C5FF"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-cm2knm5.svg b/.figma/image/mmlqps3v-cm2knm5.svg
new file mode 100644
index 0000000..523f967
--- /dev/null
+++ b/.figma/image/mmlqps3v-cm2knm5.svg
@@ -0,0 +1,65 @@
+<svg width="51" height="36" viewBox="0 0 51 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_5510" fill="white">
+<path d="M50 15.9639L49.2197 16.5908V24.1045L50 24.7305V36H0.5V24.7295L1.2793 24.1045V16.5908L0.5 15.9648V0H50V15.9639Z"/>
+</mask>
+<path d="M50 15.9639L49.2197 16.5908V24.1045L50 24.7305V36H0.5V24.7295L1.2793 24.1045V16.5908L0.5 15.9648V0H50V15.9639Z" fill="url(#paint0_linear_56_5510)"/>
+<path d="M50 15.9639L49.2197 16.5908V24.1045L50 24.7305V36H0.5V24.7295L1.2793 24.1045V16.5908L0.5 15.9648V0H50V15.9639Z" fill="url(#paint1_radial_56_5510)"/>
+<path d="M50 15.9639L50.6264 16.7434L51 16.4432V15.9639H50ZM49.2197 16.5908L48.5934 15.8113L48.2197 16.1115V16.5908H49.2197ZM49.2197 24.1045H48.2197V24.5843L48.594 24.8845L49.2197 24.1045ZM50 24.7305H51V24.2507L50.6258 23.9505L50 24.7305ZM50 36V37H51V36H50ZM0.5 36H-0.5V37H0.5V36ZM0.5 24.7295L-0.125648 23.9494L-0.5 24.2496V24.7295H0.5ZM1.2793 24.1045L1.90495 24.8846L2.2793 24.5844V24.1045H1.2793ZM1.2793 16.5908H2.2793V16.1114L1.90554 15.8112L1.2793 16.5908ZM0.5 15.9648H-0.5V16.4442L-0.126243 16.7445L0.5 15.9648ZM0.5 0V-1H-0.5V0H0.5ZM50 0H51V-1H50V0ZM50 15.9639L49.3736 15.1843L48.5934 15.8113L49.2197 16.5908L49.8461 17.3704L50.6264 16.7434L50 15.9639ZM49.2197 16.5908H48.2197V24.1045H49.2197H50.2197V16.5908H49.2197ZM49.2197 24.1045L48.594 24.8845L49.3742 25.5105L50 24.7305L50.6258 23.9505L49.8455 23.3245L49.2197 24.1045ZM50 24.7305H49V36H50H51V24.7305H50ZM50 36V35H0.5V36V37H50V36ZM0.5 36H1.5V24.7295H0.5H-0.5V36H0.5ZM0.5 24.7295L1.12565 25.5096L1.90495 24.8846L1.2793 24.1045L0.653649 23.3244L-0.125648 23.9494L0.5 24.7295ZM1.2793 24.1045H2.2793V16.5908H1.2793H0.279297V24.1045H1.2793ZM1.2793 16.5908L1.90554 15.8112L1.12624 15.1852L0.5 15.9648L-0.126243 16.7445L0.653054 17.3704L1.2793 16.5908ZM0.5 15.9648H1.5V0H0.5H-0.5V15.9648H0.5ZM0.5 0V1H50V0V-1H0.5V0ZM50 0H49V15.9639H50H51V0H50Z" fill="url(#paint2_linear_56_5510)" mask="url(#path-1-inside-1_56_5510)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 11.9043L1 11.9043L1 19.9043L6.99382e-07 19.9043L0 11.9043Z" fill="url(#paint3_linear_56_5510)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 16.9043L1 16.9043L1 17.9043L4.37114e-08 17.9043L0 16.9043Z" fill="#ED6D00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 19.9043L1 19.9043L1 20.9043L4.37114e-08 20.9043L0 19.9043Z" fill="#ED6D00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 22.9043L1 22.9043L1 23.9043L4.37114e-08 23.9043L0 22.9043Z" fill="#ED6D00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 11.9043L50.7402 11.9043L50.7402 19.9043L49.7402 19.9043L49.7402 11.9043Z" fill="url(#paint4_linear_56_5510)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 16.9043L50.7402 16.9043L50.7402 17.9043L49.7402 17.9043L49.7402 16.9043Z" fill="#ED6D00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 19.9043L50.7402 19.9043L50.7402 20.9043L49.7402 20.9043L49.7402 19.9043Z" fill="#ED6D00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 22.9043L50.7402 22.9043L50.7402 23.9043L49.7402 23.9043L49.7402 22.9043Z" fill="#ED6D00"/>
+<path d="M3 28L8 33H3V28Z" fill="#715636"/>
+<path d="M47 28L42 33H47V28Z" fill="#715636"/>
+<g filter="url(#filter0_d_56_5510)">
+<path d="M24.3585 21.0095C24.3585 19.4248 26.3965 16.439 27.6046 14.8084C25.7516 11.7909 23.4911 9 23.4911 9C23.4911 9 17 17.0134 17 20.565C17 24.1165 19.9087 27 23.4911 27C25.3022 27 26.9405 26.2621 28.1184 25.0743C26.0134 24.8946 24.3585 23.1424 24.3585 21.0095ZM22.1922 24.529C22.1721 24.5981 22.1384 24.6624 22.093 24.7184C22.0476 24.7745 21.9915 24.821 21.9279 24.8554C21.8643 24.8898 21.7945 24.9114 21.7224 24.9189C21.6503 24.9264 21.5775 24.9197 21.508 24.8991C19.4309 24.2623 18.2193 22.1058 18.8116 20.0004C18.8318 19.9314 18.8655 19.867 18.9108 19.811C18.9562 19.755 19.0123 19.7084 19.0759 19.674C19.1395 19.6396 19.2094 19.618 19.2814 19.6105C19.3535 19.603 19.4264 19.6098 19.4958 19.6303C19.5654 19.6503 19.6303 19.6837 19.6869 19.7287C19.7434 19.7737 19.7903 19.8293 19.825 19.8923C19.8597 19.9554 19.8815 20.0246 19.8891 20.0961C19.8966 20.1675 19.8899 20.2398 19.8691 20.3086C19.4201 21.8229 20.2912 23.4056 21.8188 23.8506C21.8884 23.8706 21.9533 23.904 22.0098 23.949C22.0663 23.994 22.1133 24.0496 22.148 24.1127C22.1827 24.1757 22.2045 24.245 22.212 24.3164C22.2196 24.3879 22.2128 24.4601 22.1921 24.5289L22.1922 24.529Z" fill="url(#paint5_radial_56_5510)"/>
+<path d="M28.7669 13.5494C28.7669 13.5494 24.7314 18.6952 24.7673 20.9472C24.8031 23.1991 26.6765 24.9989 28.9482 24.9634C31.2198 24.9279 33.0353 23.0706 32.9995 20.8185C32.9637 18.5665 28.7669 13.5493 28.7669 13.5493V13.5494ZM27.2611 23.0495C27.2359 23.0876 27.2033 23.1204 27.1653 23.1459C27.1272 23.1714 27.0844 23.1893 27.0394 23.1983C26.9943 23.2073 26.9479 23.2075 26.9028 23.1986C26.8577 23.1898 26.8149 23.1722 26.7767 23.1468C25.6383 22.3756 25.3112 20.8441 26.0677 19.6782C26.0929 19.6401 26.1255 19.6074 26.1635 19.5818C26.2016 19.5563 26.2444 19.5385 26.2894 19.5294C26.3345 19.5204 26.3809 19.5203 26.426 19.5291C26.4711 19.538 26.5139 19.5556 26.5521 19.5809C26.5905 19.6059 26.6236 19.6382 26.6493 19.676C26.6751 19.7137 26.693 19.7561 26.7022 19.8008C26.7113 19.8454 26.7114 19.8914 26.7025 19.9361C26.6936 19.9808 26.6758 20.0233 26.6503 20.0612C26.5175 20.2591 26.4255 20.4811 26.3794 20.7144C26.3334 20.9477 26.3342 21.1877 26.3818 21.4207C26.4294 21.6536 26.5229 21.875 26.657 22.0721C26.791 22.2692 26.963 22.4382 27.163 22.5693C27.2014 22.5943 27.2345 22.6266 27.2602 22.6643C27.286 22.7021 27.3039 22.7445 27.313 22.7891C27.3222 22.8338 27.3223 22.8798 27.3134 22.9245C27.3045 22.9692 27.2867 23.0117 27.2611 23.0495Z" fill="url(#paint6_radial_56_5510)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_5510" x="12" y="4" width="26" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.698039 0 0 0 0 0.439216 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5510"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5510" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_56_5510" x1="26" y1="0" x2="26" y2="36" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0E1622" stop-opacity="0"/>
+<stop offset="0.5" stop-color="#0E1622"/>
+<stop offset="1" stop-color="#0E1622" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint1_radial_56_5510" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(26 17.9999) rotate(-90) scale(18 52)">
+<stop stop-color="#654429" stop-opacity="0"/>
+<stop offset="1" stop-color="#654429" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint2_linear_56_5510" x1="26" y1="35.9999" x2="26" y2="-0.000113726" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ED6D00"/>
+<stop offset="1" stop-color="#ED6D00" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_56_5510" x1="0.5" y1="19.9043" x2="0.499999" y2="11.9043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ED6D00" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#ED6D00" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#ED6D00" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_5510" x1="50.2402" y1="19.9043" x2="50.2402" y2="11.9043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ED6D00" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#ED6D00" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#ED6D00" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint5_radial_56_5510" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.5 9.5) rotate(50.1944) scale(23.4307 12.1342)">
+<stop stop-color="#FFB270"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<radialGradient id="paint6_radial_56_5510" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.5 9.5) rotate(50.1944) scale(23.4307 12.1342)">
+<stop stop-color="#FFB270"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-h25bad2.svg b/.figma/image/mmlqps3v-h25bad2.svg
new file mode 100644
index 0000000..ffa050c
--- /dev/null
+++ b/.figma/image/mmlqps3v-h25bad2.svg
@@ -0,0 +1,60 @@
+<svg width="51" height="36" viewBox="0 0 51 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_56_5480" fill="white">
+<path d="M50 15.9639L49.2197 16.5908V24.1045L50 24.7305V36H0.5V24.7295L1.2793 24.1045V16.5908L0.5 15.9648V0H50V15.9639Z"/>
+</mask>
+<path d="M50 15.9639L49.2197 16.5908V24.1045L50 24.7305V36H0.5V24.7295L1.2793 24.1045V16.5908L0.5 15.9648V0H50V15.9639Z" fill="url(#paint0_linear_56_5480)"/>
+<path d="M50 15.9639L49.2197 16.5908V24.1045L50 24.7305V36H0.5V24.7295L1.2793 24.1045V16.5908L0.5 15.9648V0H50V15.9639Z" fill="url(#paint1_radial_56_5480)"/>
+<path d="M50 15.9639L50.6264 16.7434L51 16.4432V15.9639H50ZM49.2197 16.5908L48.5934 15.8113L48.2197 16.1115V16.5908H49.2197ZM49.2197 24.1045H48.2197V24.5843L48.594 24.8845L49.2197 24.1045ZM50 24.7305H51V24.2507L50.6258 23.9505L50 24.7305ZM50 36V37H51V36H50ZM0.5 36H-0.5V37H0.5V36ZM0.5 24.7295L-0.125648 23.9494L-0.5 24.2496V24.7295H0.5ZM1.2793 24.1045L1.90495 24.8846L2.2793 24.5844V24.1045H1.2793ZM1.2793 16.5908H2.2793V16.1114L1.90554 15.8112L1.2793 16.5908ZM0.5 15.9648H-0.5V16.4442L-0.126243 16.7445L0.5 15.9648ZM0.5 0V-1H-0.5V0H0.5ZM50 0H51V-1H50V0ZM50 15.9639L49.3736 15.1843L48.5934 15.8113L49.2197 16.5908L49.8461 17.3704L50.6264 16.7434L50 15.9639ZM49.2197 16.5908H48.2197V24.1045H49.2197H50.2197V16.5908H49.2197ZM49.2197 24.1045L48.594 24.8845L49.3742 25.5105L50 24.7305L50.6258 23.9505L49.8455 23.3245L49.2197 24.1045ZM50 24.7305H49V36H50H51V24.7305H50ZM50 36V35H0.5V36V37H50V36ZM0.5 36H1.5V24.7295H0.5H-0.5V36H0.5ZM0.5 24.7295L1.12565 25.5096L1.90495 24.8846L1.2793 24.1045L0.653649 23.3244L-0.125648 23.9494L0.5 24.7295ZM1.2793 24.1045H2.2793V16.5908H1.2793H0.279297V24.1045H1.2793ZM1.2793 16.5908L1.90554 15.8112L1.12624 15.1852L0.5 15.9648L-0.126243 16.7445L0.653054 17.3704L1.2793 16.5908ZM0.5 15.9648H1.5V0H0.5H-0.5V15.9648H0.5ZM0.5 0V1H50V0V-1H0.5V0ZM50 0H49V15.9639H50H51V0H50Z" fill="url(#paint2_linear_56_5480)" mask="url(#path-1-inside-1_56_5480)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 11.9043L1 11.9043L1 19.9043L6.99382e-07 19.9043L0 11.9043Z" fill="url(#paint3_linear_56_5480)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 16.9043L1 16.9043L1 17.9043L4.37114e-08 17.9043L0 16.9043Z" fill="#FFCC00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 19.9043L1 19.9043L1 20.9043L4.37114e-08 20.9043L0 19.9043Z" fill="#FFCC00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 22.9043L1 22.9043L1 23.9043L4.37114e-08 23.9043L0 22.9043Z" fill="#FFCC00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 11.9043L50.7402 11.9043L50.7402 19.9043L49.7402 19.9043L49.7402 11.9043Z" fill="url(#paint4_linear_56_5480)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 16.9043L50.7402 16.9043L50.7402 17.9043L49.7402 17.9043L49.7402 16.9043Z" fill="#FFCC00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 19.9043L50.7402 19.9043L50.7402 20.9043L49.7402 20.9043L49.7402 19.9043Z" fill="#FFCC00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7402 22.9043L50.7402 22.9043L50.7402 23.9043L49.7402 23.9043L49.7402 22.9043Z" fill="#FFCC00"/>
+<path d="M3 28L8 33H3V28Z" fill="#564A1C"/>
+<path d="M47 28L42 33H47V28Z" fill="#564A1C"/>
+<g filter="url(#filter0_d_56_5480)">
+<path d="M18 12.503C18 12.3473 18.129 12.2485 18.387 12.2066C18.645 12.1647 18.9705 12.1228 19.3636 12.0808C19.7568 12.0389 20.1867 11.9671 20.6536 11.8653C21.1204 11.7635 21.5627 11.5689 21.9803 11.2814C22.2752 11.0898 22.5485 10.8832 22.8004 10.6617C23.0522 10.4401 23.2948 10.2275 23.5283 10.024C23.7617 9.82036 23.992 9.63473 24.2193 9.46707C24.4466 9.2994 24.6892 9.16766 24.9472 9.07186V15.7545H18.0737C18.0491 15.2635 18.0307 14.7515 18.0184 14.2186C18.0061 13.6856 18 13.1138 18 12.503ZM24.2101 26.6048C23.5344 26.1018 22.9263 25.6287 22.3857 25.1856C21.8452 24.7425 21.363 24.2994 20.9392 23.8563C20.5154 23.4132 20.1468 22.9551 19.8335 22.482C19.5203 22.009 19.25 21.497 19.0227 20.9461C18.7955 20.3952 18.6112 19.7934 18.4699 19.1407C18.3286 18.488 18.2211 17.7485 18.1474 16.9222H24.9472V26.9102C24.812 26.8743 24.683 26.8323 24.5602 26.7844C24.4373 26.7365 24.3206 26.6766 24.2101 26.6048ZM26.1081 16.9222H32.871C32.8096 17.7485 32.7144 18.482 32.5854 19.1228C32.4564 19.7635 32.2905 20.3503 32.0878 20.8832C31.8851 21.4162 31.6333 21.9102 31.3323 22.3653C31.0313 22.8204 30.6751 23.2725 30.2635 23.7216C29.852 24.1707 29.3759 24.6377 28.8354 25.1228C28.2948 25.6078 27.6867 26.1437 27.0111 26.7305C26.7408 26.8743 26.4398 26.9641 26.1081 27V16.9222ZM29.3698 11.5509C29.7138 11.7904 30.0946 11.9461 30.5123 12.018C30.93 12.0898 31.3231 12.1377 31.6916 12.1617C32.0602 12.1856 32.3704 12.2066 32.6222 12.2246C32.8741 12.2425 33 12.3114 33 12.4311C33 13.6766 32.9816 14.7844 32.9447 15.7545H26.1081V9C26.4152 9.07186 26.7039 9.20659 26.9742 9.40419C27.2445 9.6018 27.5055 9.82335 27.7574 10.0689C28.0092 10.3144 28.2641 10.5689 28.5221 10.8323C28.7801 11.0958 29.0627 11.3353 29.3698 11.5509Z" fill="url(#paint5_radial_56_5480)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_5480" x="13" y="4" width="25" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.952941 0 0 0 0 0.764706 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5480"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5480" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_56_5480" x1="26" y1="0" x2="26" y2="36" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0E1622" stop-opacity="0"/>
+<stop offset="0.5" stop-color="#0E1622"/>
+<stop offset="1" stop-color="#0E1622" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint1_radial_56_5480" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(26 17.9999) rotate(-90) scale(18 52)">
+<stop stop-color="#564A1C" stop-opacity="0"/>
+<stop offset="1" stop-color="#564A1C" stop-opacity="0.4"/>
+</radialGradient>
+<linearGradient id="paint2_linear_56_5480" x1="26" y1="35.9999" x2="26" y2="-0.000113726" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFCC00"/>
+<stop offset="1" stop-color="#FFCC00" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_56_5480" x1="0.5" y1="19.9043" x2="0.499999" y2="11.9043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFCC00" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#FFCC00" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#FFCC00" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_56_5480" x1="50.2402" y1="19.9043" x2="50.2402" y2="11.9043" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFCC00" stop-opacity="0.87"/>
+<stop offset="0.343003" stop-color="#FFCC00" stop-opacity="0.44"/>
+<stop offset="1" stop-color="#FFCC00" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint5_radial_56_5480" cx="0" cy="0" r="1" gradientTransform="matrix(14.0625 18 -8.73914 7.76812 18.4687 9.5)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFF3C3"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-j2w3sie.svg b/.figma/image/mmlqps3v-j2w3sie.svg
new file mode 100644
index 0000000..2bbc995
--- /dev/null
+++ b/.figma/image/mmlqps3v-j2w3sie.svg
@@ -0,0 +1,48 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_56_5531)">
+<g filter="url(#filter1_di_56_5531)">
+<ellipse cx="20.0016" cy="32.9999" rx="2.66667" ry="1.19993" fill="#FF4C4C" fill-opacity="0.585227"/>
+<ellipse cx="20.0016" cy="32.9999" rx="2.66667" ry="1.19993" stroke="#F70101" stroke-width="0.252975"/>
+</g>
+<ellipse opacity="0.5" cx="20.001" cy="32.9998" rx="8" ry="2.99982" stroke="#F70101" stroke-width="0.379462"/>
+<ellipse cx="20.0003" cy="33.0012" rx="5.33333" ry="1.79989" stroke="#F70101" stroke-width="0.379462"/>
+<path d="M20 33L20 0" stroke="url(#paint0_linear_56_5531)" stroke-width="0.499985"/>
+<rect width="31.8" height="-1" rx="-0.5" transform="matrix(-4.37105e-08 1 1 4.37123e-08 20.501 0)" fill="url(#paint1_linear_56_5531)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_5531" x="8.81152" y="-2.00003" width="22.3789" height="42.1893" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.999969"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.988235 0 0 0 0 0.00784314 0 0 0 0 0.00784314 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5531"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5531" result="shape"/>
+</filter>
+<filter id="filter1_di_56_5531" x="15.3106" y="28.5112" width="9.38165" height="6.44757" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1.26491"/>
+<feGaussianBlur stdDeviation="0.948683"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.988235 0 0 0 0 0.00784314 0 0 0 0 0.00784314 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5531"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5531" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="0.126487" operator="erode" in="SourceAlpha" result="effect2_innerShadow_56_5531"/>
+<feOffset dy="0.632436"/>
+<feGaussianBlur stdDeviation="0.316218"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.988235 0 0 0 0 0.00784314 0 0 0 0 0.00784314 0 0 0 0.237462 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_56_5531"/>
+</filter>
+<linearGradient id="paint0_linear_56_5531" x1="21.5" y1="33" x2="21.5" y2="-6.55671e-08" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FC0202" stop-opacity="0.01"/>
+<stop offset="1" stop-color="#FC0202"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_5531" x1="0" y1="-1.00003" x2="31.8" y2="-1.00003" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="0.5" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-k5rv748.svg b/.figma/image/mmlqps3v-k5rv748.svg
new file mode 100644
index 0000000..b831de3
--- /dev/null
+++ b/.figma/image/mmlqps3v-k5rv748.svg
@@ -0,0 +1,18 @@
+<svg width="40" height="24" viewBox="0 0 40 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_55_799)">
+<path d="M5.62127 1.51493C5.84385 0.624593 6.64382 0 7.56155 0H37.4384C38.7396 0 39.6943 1.22278 39.3787 2.48507L34.3787 22.4851C34.1561 23.3754 33.3562 24 32.4384 24H2.56155C1.26041 24 0.305694 22.7772 0.621268 21.5149L5.62127 1.51493Z" fill="#30DCFF" fill-opacity="0.05"/>
+</g>
+<path d="M7.56152 0.5H37.4385C38.4143 0.500019 39.1302 1.41755 38.8936 2.36426L33.8936 22.3643C33.7265 23.0318 33.1266 23.5 32.4385 23.5H2.56152C1.58568 23.5 0.869768 22.5825 1.10645 21.6357L6.10645 1.63574C6.26309 1.00998 6.8001 0.559779 7.43359 0.505859L7.56152 0.5Z" stroke="#30DCFF" stroke-opacity="0.3"/>
+<defs>
+<filter id="filter0_i_55_799" x="0.560547" y="0" width="38.8789" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.188235 0 0 0 0 0.862745 0 0 0 0 1 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_55_799"/>
+</filter>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-lxtngi0.svg b/.figma/image/mmlqps3v-lxtngi0.svg
new file mode 100644
index 0000000..ef2a6ca
--- /dev/null
+++ b/.figma/image/mmlqps3v-lxtngi0.svg
@@ -0,0 +1,329 @@
+<svg width="881" height="99" viewBox="0 0 881 99" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 73.5014C87.26 45.1391 247.786 34.8901 321.5 76.0014C379.176 108.168 479.139 93.8758 538.347 73.7588C563.774 65.1197 579.163 38.7807 602.073 24.7696C647.398 -2.95012 740.495 -6.26416 790.5 32.5001C855 82.5014 854.5 78.3751 875 94" stroke="#00FFFF" stroke-width="2" stroke-linecap="round"/>
+<g filter="url(#filter0_d_55_641)">
+<circle cx="5" cy="74" r="5" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="5" cy="74" r="4.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter1_d_55_641)">
+<circle cx="5.00033" cy="74" r="3.33333" fill="#00FFFF"/>
+</g>
+<g filter="url(#filter2_d_55_641)">
+<circle cx="393" cy="94" r="5" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="393" cy="94" r="4.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter3_d_55_641)">
+<circle cx="393" cy="94" r="3.33333" fill="#00FFFF"/>
+</g>
+<g filter="url(#filter4_d_55_641)">
+<circle cx="81" cy="56" r="5" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="81" cy="56" r="4.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter5_d_55_641)">
+<circle cx="81.0003" cy="56" r="3.33333" fill="#00FFFF"/>
+</g>
+<g filter="url(#filter6_d_55_641)">
+<circle cx="473" cy="90" r="5" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="473" cy="90" r="4.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter7_d_55_641)">
+<circle cx="473" cy="90" r="3.33333" fill="#00FFFF"/>
+</g>
+<g filter="url(#filter8_d_55_641)">
+<circle cx="159" cy="49" r="5" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="159" cy="49" r="4.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter9_d_55_641)">
+<circle cx="159" cy="49" r="3.33333" fill="#00FFFF"/>
+</g>
+<g filter="url(#filter10_d_55_641)">
+<circle cx="552" cy="67" r="5" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="552" cy="67" r="4.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter11_d_55_641)">
+<circle cx="552" cy="67" r="3.33333" fill="#00FFFF"/>
+</g>
+<g filter="url(#filter12_d_55_641)">
+<circle cx="237" cy="52" r="5" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="237" cy="52" r="4.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter13_d_55_641)">
+<circle cx="237" cy="52" r="3.33333" fill="#00FFFF"/>
+</g>
+<g filter="url(#filter14_d_55_641)">
+<circle cx="634" cy="11" r="5" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="634" cy="11" r="4.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter15_d_55_641)">
+<circle cx="634" cy="11" r="3.33333" fill="#00FFFF"/>
+</g>
+<g filter="url(#filter16_d_55_641)">
+<circle cx="792" cy="34" r="5" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="792" cy="34" r="4.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter17_d_55_641)">
+<circle cx="792" cy="34" r="3.33333" fill="#00FFFF"/>
+</g>
+<g filter="url(#filter18_d_55_641)">
+<circle cx="316" cy="73" r="5" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="316" cy="73" r="4.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter19_d_55_641)">
+<circle cx="316" cy="73" r="3.33333" fill="#00FFFF"/>
+</g>
+<g filter="url(#filter20_d_55_641)">
+<circle cx="709" cy="5" r="5" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="709" cy="5" r="4.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter21_d_55_641)">
+<circle cx="709" cy="4.99996" r="3.33333" fill="#00FFFF"/>
+</g>
+<g filter="url(#filter22_d_55_641)">
+<circle cx="876" cy="94" r="5" fill="#00FFFF" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="876" cy="94" r="4.5" stroke="#00FFFF" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter23_d_55_641)">
+<circle cx="876" cy="94" r="3.33333" fill="#00FFFF"/>
+</g>
+<defs>
+<filter id="filter0_d_55_641" x="-4" y="65" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter1_d_55_641" x="-2.33301" y="66.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter2_d_55_641" x="384" y="85" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter3_d_55_641" x="385.667" y="86.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter4_d_55_641" x="72" y="47" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter5_d_55_641" x="73.667" y="48.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter6_d_55_641" x="464" y="81" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter7_d_55_641" x="465.667" y="82.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter8_d_55_641" x="150" y="40" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter9_d_55_641" x="151.667" y="41.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter10_d_55_641" x="543" y="58" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter11_d_55_641" x="544.667" y="59.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter12_d_55_641" x="228" y="43" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter13_d_55_641" x="229.667" y="44.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter14_d_55_641" x="625" y="2" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter15_d_55_641" x="626.667" y="3.66663" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter16_d_55_641" x="783" y="25" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter17_d_55_641" x="784.667" y="26.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter18_d_55_641" x="307" y="64" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter19_d_55_641" x="308.667" y="65.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter20_d_55_641" x="700" y="-4" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter21_d_55_641" x="701.667" y="-2.33337" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter22_d_55_641" x="867" y="85" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+<filter id="filter23_d_55_641" x="868.667" y="86.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_641"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_641" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-mbqgc93.svg b/.figma/image/mmlqps3v-mbqgc93.svg
new file mode 100644
index 0000000..e935f06
--- /dev/null
+++ b/.figma/image/mmlqps3v-mbqgc93.svg
@@ -0,0 +1,22 @@
+<svg width="40" height="24" viewBox="0 0 40 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_55_796)">
+<path d="M5.62127 1.51493C5.84385 0.624593 6.64382 0 7.56155 0H37.4384C38.7396 0 39.6943 1.22278 39.3787 2.48507L34.3787 22.4851C34.1561 23.3754 33.3562 24 32.4384 24H2.56155C1.26041 24 0.305694 22.7772 0.621268 21.5149L5.62127 1.51493Z" fill="#30DCFE" fill-opacity="0.2"/>
+</g>
+<path d="M7.56152 0.5H37.4385C38.4143 0.500019 39.1302 1.41755 38.8936 2.36426L33.8936 22.3643C33.7265 23.0318 33.1266 23.5 32.4385 23.5H2.56152C1.58568 23.5 0.869768 22.5825 1.10645 21.6357L6.10645 1.63574C6.26309 1.00998 6.8001 0.559779 7.43359 0.505859L7.56152 0.5Z" stroke="url(#paint0_linear_55_796)"/>
+<defs>
+<filter id="filter0_i_55_796" x="0.560547" y="0" width="38.8789" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.188235 0 0 0 0 0.862745 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_55_796"/>
+</filter>
+<linearGradient id="paint0_linear_55_796" x1="20" y1="0" x2="20" y2="21.7895" gradientUnits="userSpaceOnUse">
+<stop offset="0.361001" stop-color="#DBF9FF"/>
+<stop offset="0.862438" stop-color="#A9F0FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-p75rm3v.svg b/.figma/image/mmlqps3v-p75rm3v.svg
new file mode 100644
index 0000000..593cf51
--- /dev/null
+++ b/.figma/image/mmlqps3v-p75rm3v.svg
@@ -0,0 +1,47 @@
+<svg width="90" height="46" viewBox="0 0 90 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_43_1245" fill="white">
+<path d="M0 23C0 10.2975 10.2975 0 23 0L67 0C79.7025 0 90 10.2975 90 23C90 35.7025 79.7025 46 67 46L23 46C10.2975 46 0 35.7025 0 23Z"/>
+</mask>
+<g filter="url(#filter0_i_43_1245)">
+<path d="M0 23C0 10.2975 10.2975 0 23 0L67 0C79.7025 0 90 10.2975 90 23C90 35.7025 79.7025 46 67 46L23 46C10.2975 46 0 35.7025 0 23Z" fill="url(#paint0_linear_43_1245)" fill-opacity="0.4"/>
+<path d="M0 23C0 10.2975 10.2975 0 23 0L67 0C79.7025 0 90 10.2975 90 23C90 35.7025 79.7025 46 67 46L23 46C10.2975 46 0 35.7025 0 23Z" fill="url(#paint1_radial_43_1245)"/>
+<path d="M0 23C0 10.2975 10.2975 0 23 0L67 0C79.7025 0 90 10.2975 90 23C90 35.7025 79.7025 46 67 46L23 46C10.2975 46 0 35.7025 0 23Z" fill="url(#paint2_radial_43_1245)"/>
+</g>
+<path d="M23 0V1L67 1V0V-1L23 -1V0ZM67 46V45L23 45V46V47L67 47V46ZM23 46V45C10.8497 45 1 35.1503 1 23H0H-1C-1 36.2548 9.74517 47 23 47V46ZM90 23H89C89 35.1503 79.1503 45 67 45V46V47C80.2548 47 91 36.2548 91 23H90ZM67 0V1C79.1503 1 89 10.8497 89 23H90H91C91 9.74517 80.2548 -1 67 -1V0ZM23 0V-1C9.74517 -1 -1 9.74517 -1 23H0H1C1 10.8497 10.8497 1 23 1V0Z" fill="url(#paint3_radial_43_1245)" mask="url(#path-1-inside-1_43_1245)"/>
+<g clip-path="url(#paint4_diamond_43_1245_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_43_1245)"><g transform="matrix(-0.0164063 -0.0653594 1537.96 -1185.44 44.9674 22.6703)"><rect x="0" y="0" width="766.757" height="0.0283703" fill="url(#paint4_diamond_43_1245)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="766.757" height="0.0283703" transform="scale(1 -1)" fill="url(#paint4_diamond_43_1245)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="766.757" height="0.0283703" transform="scale(-1 1)" fill="url(#paint4_diamond_43_1245)" opacity="1" shape-rendering="crispEdges"/><rect x="0" y="0" width="766.757" height="0.0283703" transform="scale(-1)" fill="url(#paint4_diamond_43_1245)" opacity="1" shape-rendering="crispEdges"/></g></g><path d="M23 0V1L67 1V0V-1L23 -1V0ZM67 46V45L23 45V46V47L67 47V46ZM23 46V45C10.8497 45 1 35.1503 1 23H0H-1C-1 36.2548 9.74517 47 23 47V46ZM90 23H89C89 35.1503 79.1503 45 67 45V46V47C80.2548 47 91 36.2548 91 23H90ZM67 0V1C79.1503 1 89 10.8497 89 23H90H91C91 9.74517 80.2548 -1 67 -1V0ZM23 0V-1C9.74517 -1 -1 9.74517 -1 23H0H1C1 10.8497 10.8497 1 23 1V0Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_DIAMOND&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.67500001192092896,&#34;g&#34;:0.94504863023757935,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.29712498188018799},{&#34;color&#34;:{&#34;r&#34;:0.18823529779911041,&#34;g&#34;:0.86274510622024536,&#34;b&#34;:1.0,&#34;a&#34;:0.0},&#34;position&#34;:0.80609583854675293},{&#34;color&#34;:{&#34;r&#34;:0.67450982332229614,&#34;g&#34;:0.94509804248809814,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[],&#34;transform&#34;:{&#34;m00&#34;:-32.812507629394531,&#34;m01&#34;:3075928.250,&#34;m02&#34;:-1537902.750,&#34;m10&#34;:-130.71888732910156,&#34;m11&#34;:-2370884.250,&#34;m12&#34;:1185530.250},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}" mask="url(#path-1-inside-1_43_1245)"/>
+<defs>
+<filter id="filter0_i_43_1245" x="0" y="0" width="90" height="46" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.109253 0 0 0 0 0.771681 0 0 0 0 0.904167 0 0 0 0.67 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_43_1245"/>
+</filter>
+<clipPath id="paint4_diamond_43_1245_clip_path"><path d="M23 0V1L67 1V0V-1L23 -1V0ZM67 46V45L23 45V46V47L67 47V46ZM23 46V45C10.8497 45 1 35.1503 1 23H0H-1C-1 36.2548 9.74517 47 23 47V46ZM90 23H89C89 35.1503 79.1503 45 67 45V46V47C80.2548 47 91 36.2548 91 23H90ZM67 0V1C79.1503 1 89 10.8497 89 23H90H91C91 9.74517 80.2548 -1 67 -1V0ZM23 0V-1C9.74517 -1 -1 9.74517 -1 23H0H1C1 10.8497 10.8497 1 23 1V0Z" mask="url(#path-1-inside-1_43_1245)"/></clipPath><linearGradient id="paint0_linear_43_1245" x1="45" y1="-1.51161" x2="45" y2="46" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.46"/>
+<stop offset="0.515139" stop-opacity="0.27"/>
+<stop offset="1" stop-opacity="0.46"/>
+</linearGradient>
+<radialGradient id="paint1_radial_43_1245" cx="0" cy="0" r="1" gradientTransform="matrix(-5.62501 46 -53.4717 -20.0792 68.9063 2.26239e-06)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1F76A8"/>
+<stop offset="0.505354" stop-color="#15547D" stop-opacity="0.24"/>
+</radialGradient>
+<radialGradient id="paint2_radial_43_1245" cx="0" cy="0" r="1" gradientTransform="matrix(9.375 -61.6071 72.8122 34.0252 23.9062 59.1429)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1F76A8"/>
+<stop offset="0.505354" stop-color="#15547D" stop-opacity="0.24"/>
+</radialGradient>
+<radialGradient id="paint3_radial_43_1245" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(45 24.9739) rotate(-90) scale(34.0106 66.5426)">
+<stop stop-color="#30DCFF"/>
+<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint4_diamond_43_1245" x1="0" y1="0" x2="500" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ACF1FF"/>
+<stop offset="0.297125" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="0.806096" stop-color="#30DCFF" stop-opacity="0"/>
+<stop offset="1" stop-color="#ACF1FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-paafxgf.svg b/.figma/image/mmlqps3v-paafxgf.svg
new file mode 100644
index 0000000..32d397d
--- /dev/null
+++ b/.figma/image/mmlqps3v-paafxgf.svg
@@ -0,0 +1,18 @@
+<svg width="40" height="24" viewBox="0 0 40 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_55_803)">
+<path d="M5.62127 1.51493C5.84385 0.624593 6.64382 0 7.56155 0H37.4384C38.7396 0 39.6943 1.22278 39.3787 2.48507L34.3787 22.4851C34.1561 23.3754 33.3562 24 32.4384 24H2.56155C1.26041 24 0.305694 22.7772 0.621268 21.5149L5.62127 1.51493Z" fill="#30DCFF" fill-opacity="0.05"/>
+</g>
+<path d="M7.56152 0.5H37.4385C38.4143 0.500019 39.1302 1.41755 38.8936 2.36426L33.8936 22.3643C33.7265 23.0318 33.1266 23.5 32.4385 23.5H2.56152C1.58568 23.5 0.869768 22.5825 1.10645 21.6357L6.10645 1.63574C6.26309 1.00998 6.8001 0.559779 7.43359 0.505859L7.56152 0.5Z" stroke="#30DCFF" stroke-opacity="0.3"/>
+<defs>
+<filter id="filter0_i_55_803" x="0.560547" y="0" width="38.8789" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.188235 0 0 0 0 0.862745 0 0 0 0 1 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_55_803"/>
+</filter>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-pn1nl29.svg b/.figma/image/mmlqps3v-pn1nl29.svg
new file mode 100644
index 0000000..0525567
--- /dev/null
+++ b/.figma/image/mmlqps3v-pn1nl29.svg
@@ -0,0 +1,329 @@
+<svg width="881" height="135" viewBox="0 0 881 135" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 4.99902C46.5 104.499 295.786 5.88775 369.5 46.9991C437.908 85.1512 521.018 99.7164 563.399 80.9675C569.721 78.171 575.722 74.6542 582.186 72.2054C677.709 36.0187 696.801 67.0078 760 116.001C824.5 166.002 875 69.999 875 33.499" stroke="#F87B6A" stroke-width="2" stroke-linecap="round"/>
+<g filter="url(#filter0_d_55_717)">
+<circle cx="5" cy="5" r="5" fill="#F87B6A" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="5" cy="5" r="4.5" stroke="#F87B6A" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter1_d_55_717)">
+<circle cx="5.00033" cy="4.99996" r="3.33333" fill="#F87B6A"/>
+</g>
+<g filter="url(#filter2_d_55_717)">
+<circle cx="393" cy="59" r="5" fill="#F87B6A" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="393" cy="59" r="4.5" stroke="#F87B6A" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter3_d_55_717)">
+<circle cx="393" cy="59" r="3.33333" fill="#F87B6A"/>
+</g>
+<g filter="url(#filter4_d_55_717)">
+<circle cx="81" cy="50" r="5" fill="#F87B6A" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="81" cy="50" r="4.5" stroke="#F87B6A" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter5_d_55_717)">
+<circle cx="81.0003" cy="50" r="3.33333" fill="#F87B6A"/>
+</g>
+<g filter="url(#filter6_d_55_717)">
+<circle cx="473" cy="86" r="5" fill="#F87B6A" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="473" cy="86" r="4.5" stroke="#F87B6A" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter7_d_55_717)">
+<circle cx="473" cy="86" r="3.33333" fill="#F87B6A"/>
+</g>
+<g filter="url(#filter8_d_55_717)">
+<circle cx="159" cy="50" r="5" fill="#F87B6A" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="159" cy="50" r="4.5" stroke="#F87B6A" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter9_d_55_717)">
+<circle cx="159" cy="50" r="3.33333" fill="#F87B6A"/>
+</g>
+<g filter="url(#filter10_d_55_717)">
+<circle cx="552" cy="85" r="5" fill="#F87B6A" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="552" cy="85" r="4.5" stroke="#F87B6A" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter11_d_55_717)">
+<circle cx="552" cy="85" r="3.33333" fill="#F87B6A"/>
+</g>
+<g filter="url(#filter12_d_55_717)">
+<circle cx="237" cy="42" r="5" fill="#F87B6A" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="237" cy="42" r="4.5" stroke="#F87B6A" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter13_d_55_717)">
+<circle cx="237" cy="42" r="3.33333" fill="#F87B6A"/>
+</g>
+<g filter="url(#filter14_d_55_717)">
+<circle cx="634" cy="58" r="5" fill="#F87B6A" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="634" cy="58" r="4.5" stroke="#F87B6A" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter15_d_55_717)">
+<circle cx="634" cy="58" r="3.33333" fill="#F87B6A"/>
+</g>
+<g filter="url(#filter16_d_55_717)">
+<circle cx="792" cy="130" r="5" fill="#F87B6A" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="792" cy="130" r="4.5" stroke="#F87B6A" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter17_d_55_717)">
+<circle cx="792" cy="130" r="3.33333" fill="#F87B6A"/>
+</g>
+<g filter="url(#filter18_d_55_717)">
+<circle cx="316" cy="37" r="5" fill="#F87B6A" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="316" cy="37" r="4.5" stroke="#F87B6A" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter19_d_55_717)">
+<circle cx="316" cy="37" r="3.33333" fill="#F87B6A"/>
+</g>
+<g filter="url(#filter20_d_55_717)">
+<circle cx="709" cy="76" r="5" fill="#F87B6A" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="709" cy="76" r="4.5" stroke="#F87B6A" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter21_d_55_717)">
+<circle cx="709" cy="76" r="3.33333" fill="#F87B6A"/>
+</g>
+<g filter="url(#filter22_d_55_717)">
+<circle cx="876" cy="33" r="5" fill="#F87B6A" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="876" cy="33" r="4.5" stroke="#F87B6A" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter23_d_55_717)">
+<circle cx="876" cy="33" r="3.33333" fill="#F87B6A"/>
+</g>
+<defs>
+<filter id="filter0_d_55_717" x="-4" y="-4" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter1_d_55_717" x="-2.33301" y="-2.33337" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter2_d_55_717" x="384" y="50" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter3_d_55_717" x="385.667" y="51.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter4_d_55_717" x="72" y="41" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter5_d_55_717" x="73.667" y="42.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter6_d_55_717" x="464" y="77" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter7_d_55_717" x="465.667" y="78.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter8_d_55_717" x="150" y="41" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter9_d_55_717" x="151.667" y="42.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter10_d_55_717" x="543" y="76" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter11_d_55_717" x="544.667" y="77.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter12_d_55_717" x="228" y="33" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter13_d_55_717" x="229.667" y="34.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter14_d_55_717" x="625" y="49" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter15_d_55_717" x="626.667" y="50.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter16_d_55_717" x="783" y="121" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter17_d_55_717" x="784.667" y="122.667" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter18_d_55_717" x="307" y="28" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter19_d_55_717" x="308.667" y="29.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter20_d_55_717" x="700" y="67" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter21_d_55_717" x="701.667" y="68.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter22_d_55_717" x="867" y="24" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+<filter id="filter23_d_55_717" x="868.667" y="25.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.482353 0 0 0 0 0.415686 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_717"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_717" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-s7pekoo.png b/.figma/image/mmlqps3v-s7pekoo.png
new file mode 100644
index 0000000..fec5599
Binary files /dev/null and b/.figma/image/mmlqps3v-s7pekoo.png differ
diff --git a/.figma/image/mmlqps3v-u9u1rsl.svg b/.figma/image/mmlqps3v-u9u1rsl.svg
new file mode 100644
index 0000000..c54b1a6
--- /dev/null
+++ b/.figma/image/mmlqps3v-u9u1rsl.svg
@@ -0,0 +1,329 @@
+<svg width="881" height="124" viewBox="0 0 881 124" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 5.00012C45.5 104.5 238.286 31.3888 312 72.5001C380.769 110.854 514.442 116.231 563.326 95.8029C569.704 93.1376 575.76 89.7541 582.066 86.9214C677.23 44.1689 689.279 -28.0094 752.5 21.0003C817 71.0015 833 113.5 874.5 119" stroke="#FFBB00" stroke-width="2" stroke-linecap="round"/>
+<g filter="url(#filter0_d_55_755)">
+<circle cx="5" cy="6" r="5" fill="#FFBB00" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="5" cy="6" r="4.5" stroke="#FFBB00" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter1_d_55_755)">
+<circle cx="5.00033" cy="5.99996" r="3.33333" fill="#FFBB00"/>
+</g>
+<g filter="url(#filter2_d_55_755)">
+<circle cx="393" cy="99" r="5" fill="#FFBB00" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="393" cy="99" r="4.5" stroke="#FFBB00" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter3_d_55_755)">
+<circle cx="393" cy="99" r="3.33333" fill="#FFBB00"/>
+</g>
+<g filter="url(#filter4_d_55_755)">
+<circle cx="81" cy="57" r="5" fill="#FFBB00" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="81" cy="57" r="4.5" stroke="#FFBB00" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter5_d_55_755)">
+<circle cx="81.0003" cy="57" r="3.33333" fill="#FFBB00"/>
+</g>
+<g filter="url(#filter6_d_55_755)">
+<circle cx="473" cy="107" r="5" fill="#FFBB00" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="473" cy="107" r="4.5" stroke="#FFBB00" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter7_d_55_755)">
+<circle cx="473" cy="107" r="3.33333" fill="#FFBB00"/>
+</g>
+<g filter="url(#filter8_d_55_755)">
+<circle cx="159" cy="61" r="5" fill="#FFBB00" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="159" cy="61" r="4.5" stroke="#FFBB00" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter9_d_55_755)">
+<circle cx="159" cy="61" r="3.33333" fill="#FFBB00"/>
+</g>
+<g filter="url(#filter10_d_55_755)">
+<circle cx="552" cy="100" r="5" fill="#FFBB00" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="552" cy="100" r="4.5" stroke="#FFBB00" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter11_d_55_755)">
+<circle cx="552" cy="100" r="3.33333" fill="#FFBB00"/>
+</g>
+<g filter="url(#filter12_d_55_755)">
+<circle cx="237" cy="59" r="5" fill="#FFBB00" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="237" cy="59" r="4.5" stroke="#FFBB00" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter13_d_55_755)">
+<circle cx="237" cy="59" r="3.33333" fill="#FFBB00"/>
+</g>
+<g filter="url(#filter14_d_55_755)">
+<circle cx="634" cy="56" r="5" fill="#FFBB00" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="634" cy="56" r="4.5" stroke="#FFBB00" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter15_d_55_755)">
+<circle cx="634" cy="56" r="3.33333" fill="#FFBB00"/>
+</g>
+<g filter="url(#filter16_d_55_755)">
+<circle cx="792" cy="56" r="5" fill="#FFBB00" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="792" cy="56" r="4.5" stroke="#FFBB00" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter17_d_55_755)">
+<circle cx="792" cy="56" r="3.33333" fill="#FFBB00"/>
+</g>
+<g filter="url(#filter18_d_55_755)">
+<circle cx="316" cy="74" r="5" fill="#FFBB00" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="316" cy="74" r="4.5" stroke="#FFBB00" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter19_d_55_755)">
+<circle cx="316" cy="74" r="3.33333" fill="#FFBB00"/>
+</g>
+<g filter="url(#filter20_d_55_755)">
+<circle cx="709" cy="5" r="5" fill="#FFBB00" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="709" cy="5" r="4.5" stroke="#FFBB00" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter21_d_55_755)">
+<circle cx="709" cy="4.99996" r="3.33333" fill="#FFBB00"/>
+</g>
+<g filter="url(#filter22_d_55_755)">
+<circle cx="876" cy="119" r="5" fill="#FFBB00" fill-opacity="0.1" shape-rendering="crispEdges"/>
+<circle cx="876" cy="119" r="4.5" stroke="#FFBB00" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter23_d_55_755)">
+<circle cx="876" cy="119" r="3.33333" fill="#FFBB00"/>
+</g>
+<defs>
+<filter id="filter0_d_55_755" x="-4" y="-3" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter1_d_55_755" x="-2.33301" y="-1.33337" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter2_d_55_755" x="384" y="90" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter3_d_55_755" x="385.667" y="91.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter4_d_55_755" x="72" y="48" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter5_d_55_755" x="73.667" y="49.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter6_d_55_755" x="464" y="98" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter7_d_55_755" x="465.667" y="99.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter8_d_55_755" x="150" y="52" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter9_d_55_755" x="151.667" y="53.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter10_d_55_755" x="543" y="91" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter11_d_55_755" x="544.667" y="92.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter12_d_55_755" x="228" y="50" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter13_d_55_755" x="229.667" y="51.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter14_d_55_755" x="625" y="47" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter15_d_55_755" x="626.667" y="48.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter16_d_55_755" x="783" y="47" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter17_d_55_755" x="784.667" y="48.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter18_d_55_755" x="307" y="65" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter19_d_55_755" x="308.667" y="66.6666" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter20_d_55_755" x="700" y="-4" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter21_d_55_755" x="701.667" y="-2.33337" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter22_d_55_755" x="867" y="110" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+<filter id="filter23_d_55_755" x="868.667" y="111.667" width="14.667" height="14.6666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.733333 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_755"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_755" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps3v-ycwhtwp.svg b/.figma/image/mmlqps3v-ycwhtwp.svg
new file mode 100644
index 0000000..1aa2407
--- /dev/null
+++ b/.figma/image/mmlqps3v-ycwhtwp.svg
@@ -0,0 +1,48 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_56_5441)">
+<g filter="url(#filter1_di_56_5441)">
+<ellipse cx="20.0016" cy="32.9999" rx="2.66667" ry="1.19993" fill="#0072FF" fill-opacity="0.585227"/>
+<ellipse cx="20.0016" cy="32.9999" rx="2.66667" ry="1.19993" stroke="#0072FF" stroke-width="0.252975"/>
+</g>
+<ellipse opacity="0.5" cx="20.001" cy="32.9998" rx="8" ry="2.99982" stroke="#0072FF" stroke-width="0.379462"/>
+<ellipse cx="20.0003" cy="33.0012" rx="5.33333" ry="1.79989" stroke="#0072FF" stroke-width="0.379462"/>
+<path d="M20 33L20 0" stroke="url(#paint0_linear_56_5441)" stroke-width="0.499985"/>
+<rect width="31.8" height="-1" rx="-0.5" transform="matrix(-4.37105e-08 1 1 4.37123e-08 20.501 0)" fill="url(#paint1_linear_56_5441)"/>
+</g>
+<defs>
+<filter id="filter0_d_56_5441" x="8.81152" y="-2.00003" width="22.3789" height="42.1893" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.999969"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.447059 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5441"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5441" result="shape"/>
+</filter>
+<filter id="filter1_di_56_5441" x="15.3106" y="28.5112" width="9.38165" height="6.44757" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1.26491"/>
+<feGaussianBlur stdDeviation="0.948683"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.447059 0 0 0 0 1 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_56_5441"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_56_5441" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="0.126487" operator="erode" in="SourceAlpha" result="effect2_innerShadow_56_5441"/>
+<feOffset dy="0.632436"/>
+<feGaussianBlur stdDeviation="0.316218"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.447059 0 0 0 0 1 0 0 0 0.237462 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_56_5441"/>
+</filter>
+<linearGradient id="paint0_linear_56_5441" x1="21.5" y1="33" x2="21.5" y2="-6.55671e-08" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0072FF" stop-opacity="0.01"/>
+<stop offset="1" stop-color="#0072FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_56_5441" x1="0" y1="-1.00003" x2="31.8" y2="-1.00003" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="0.5" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/.figma/image/mmlqps4r-1ff04nk.png b/.figma/image/mmlqps4r-1ff04nk.png
new file mode 100644
index 0000000..018bc08
Binary files /dev/null and b/.figma/image/mmlqps4r-1ff04nk.png differ
diff --git a/.figma/image/screenshot_1_2.png b/.figma/image/screenshot_1_2.png
new file mode 100644
index 0000000..5208c27
Binary files /dev/null and b/.figma/image/screenshot_1_2.png differ
diff --git a/.figma/image/screenshot_1_3.png b/.figma/image/screenshot_1_3.png
new file mode 100644
index 0000000..cafd1ca
Binary files /dev/null and b/.figma/image/screenshot_1_3.png differ
diff --git a/.figma/image/screenshot_42_7228.png b/.figma/image/screenshot_42_7228.png
new file mode 100644
index 0000000..df1701d
Binary files /dev/null and b/.figma/image/screenshot_42_7228.png differ
diff --git a/src/App.vue b/src/App.vue
index 891da9b..4b8b1f0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,10 +3,12 @@
     <keep-alive :include="store.getters.keepLiiveRoute">
       <Watermark :text="content" :color="'rgba(0, 0, 0, .15)'">
         <Component :is="Component"></Component>
+
       </Watermark>
     </keep-alive>
   </router-view>
-<Fzq />
+  <Fzq />
+
 </template>
 <script setup>
 import Watermark from "@/components/Watermark.vue";
@@ -128,12 +130,14 @@ v-deep .el-loading-mask {
   font-weight: normal;
   font-style: normal;
 }
+
 @font-face {
   font-family: "仿宋_GB2312";
   src: url("~@/assets/font/仿宋_GB2312.ttf");
   font-weight: normal;
   font-style: normal;
 }
+
 .bk_drawer_box {
   .el-drawer__header {
     background: #fff !important;
@@ -154,14 +158,16 @@ v-deep .el-loading-mask {
   left: -10px;
   transform: translateY(-50%) translateX(-50%);
 }
-.popupCustomBox{
+
+.popupCustomBox {
   width: 130px;
   position: relative;
   background: rgba(2, 55, 114, 0.99);
   color: #fff;
   border-radius: 4px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-  .popupCustomTitle_title{
+
+  .popupCustomTitle_title {
     padding: 4px;
     box-sizing: border-box;
     font-size: 12px;
@@ -174,7 +180,8 @@ v-deep .el-loading-mask {
     align-items: center;
     flex-wrap: nowrap;
   }
-  &::after{
+
+  &::after {
     content: '';
     position: absolute;
     bottom: -10px;
@@ -186,18 +193,65 @@ v-deep .el-loading-mask {
     border-right: 10px solid transparent;
     border-top: 10px solid rgba(2, 55, 114, 0.99);
   }
-  .popupCustomTitle_li{
+
+  .popupCustomTitle_li {
     font-size: 12px;
     line-height: 22px;
     text-transform: none;
     margin-bottom: 0;
     display: flex;
     justify-content: space-between;
-    span{
+
+    span {
       display: inline-block;
       width: 60px;
       text-align: center;
     }
   }
 }
+
+.blink-animation {
+  width: 10px !important;
+  height: 10px !important;
+  min-width: 10px;
+  min-height: 10px;
+  max-width: 10px;
+  max-height: 10px;
+  display: inline-block;
+  border-radius: 50%;
+  background: radial-gradient(circle, #ff4d4f 0%, #ff1f1f 60%, #b30000 100%);
+  transform: scaleY(0.58);
+  transform-origin: center center;
+  animation: alarmFlash 1.1s ease-in-out infinite, quakeRings 1.9s linear infinite;
+}
+
+@keyframes alarmFlash {
+
+  0%,
+  100% {
+    opacity: 0.95;
+    background: radial-gradient(circle, #ff6666 0%, #ff1f1f 62%, #b30000 100%);
+  }
+
+  50% {
+    opacity: 0.72;
+    background: radial-gradient(circle, #ff5252 0%, #e81919 62%, #990000 100%);
+  }
+}
+
+@keyframes quakeRings {
+  0% {
+    box-shadow:
+      0 0 0 0 rgba(255, 31, 31, 0.6),
+      0 0 0 0 rgba(255, 31, 31, 0.42),
+      0 0 0 0 rgba(255, 31, 31, 0.25);
+  }
+
+  100% {
+    box-shadow:
+      0 0 0 16px rgba(255, 31, 31, 0),
+      0 0 0 34px rgba(255, 31, 31, 0),
+      0 0 0 52px rgba(255, 31, 31, 0);
+  }
+}
 </style>
diff --git a/src/assets/css/pulic.scss b/src/assets/css/pulic.scss
index 1afb6b1..b343d1c 100644
--- a/src/assets/css/pulic.scss
+++ b/src/assets/css/pulic.scss
@@ -401,4 +401,91 @@
   src: url("~@/assets/font/HANYILINGXINTIJIAN-1.TTF");
   font-weight: normal;
   font-style: normal;
-}
\ No newline at end of file
+}
+
+.warning {
+  color: #df6c07;
+  cursor: pointer;
+}
+
+.success {
+  color: #00ff91;
+  cursor: pointer;
+}
+
+.primary {
+  color: #0b83f4;
+  cursor: pointer;
+}
+
+.info {
+  color: #808080;
+  cursor: pointer;
+}
+
+.danger {
+  color: #ff4d4f;
+  cursor: pointer;
+}
+
+// 警情闪速动画
+@keyframes alert-flash {
+  0%, 100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.3;
+    transform: scale(1.05);
+  }
+}
+
+@keyframes alert-pulse {
+  0% {
+    box-shadow: 0 0 0 0 rgba(255, 77, 79, 0.7);
+  }
+  70% {
+    box-shadow: 0 0 0 10px rgba(255, 77, 79, 0);
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(255, 77, 79, 0);
+  }
+}
+
+@keyframes alert-blink {
+  0%, 49% {
+    opacity: 1;
+  }
+  50%, 100% {
+    opacity: 0;
+  }
+}
+
+// 警情闪速样式类
+.alert-flash {
+  animation: alert-flash 1s ease-in-out infinite;
+}
+
+.alert-pulse {
+  animation: alert-pulse 1.5s ease-out infinite;
+}
+
+.alert-blink {
+  animation: alert-blink 1s step-start infinite;
+}
+
+// 组合效果 - 闪烁 + 脉冲
+.alert-flash-pulse {
+  animation: alert-flash 1s ease-in-out infinite, alert-pulse 1.5s ease-out infinite;
+}
+
+// 警情颜色变体
+.alert-danger-flash {
+  color: #ff4d4f;
+  animation: alert-flash 0.8s ease-in-out infinite;
+}
+
+.alert-warning-flash {
+  color: #df6c07;
+  animation: alert-flash 1s ease-in-out infinite;
+}
diff --git a/src/assets/images/R_T.png b/src/assets/images/R_T.png
new file mode 100644
index 0000000..b354a2a
Binary files /dev/null and b/src/assets/images/R_T.png differ
diff --git a/src/assets/images/rili.png b/src/assets/images/rili.png
new file mode 100644
index 0000000..0044c0e
Binary files /dev/null and b/src/assets/images/rili.png differ
diff --git a/src/components/GdMap/index copy.vue b/src/components/GdMap/index copy.vue
index 14ec07f..9a08aa7 100644
--- a/src/components/GdMap/index copy.vue	
+++ b/src/components/GdMap/index copy.vue	
@@ -159,9 +159,9 @@ onMounted(() => {
   emitter.on("drawShape", (res) => {
     mapUtil.value.plot(res, resFun);
   });
-  emitter.on("removeEara", (flag) => {
-    mapUtil.value.removeEara(flag);
-  });
+  // emitter.on("removeEara", (flag) => {
+  //   mapUtil.value.removeEara(flag);
+  // });
   // 回显图形
   emitter.on("echoPlane", (res) => {
     mapUtil.value.echoPlane(res);
diff --git a/src/components/GdMap/index.vue b/src/components/GdMap/index.vue
index cd05015..51fabfb 100644
--- a/src/components/GdMap/index.vue
+++ b/src/components/GdMap/index.vue
@@ -1,8 +1,7 @@
 <template>
   <div :id="mapid" class="map"></div>
   <div class="changeMap_box" v-if="props.isShow">
-    <el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况"
-      style="--el-switch-color: #13ce66; --el-switch-off-color: #ff4949" />
+    <!-- <el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况" style="--el-switch-color:#13ce66;--el-switch-off-color:#ff4949;" /> -->
     <!-- <el-carousel type="card" height="75px" :autoplay="false" indicator-position="none" :initial-index="3"  @change="onMapImageChange">
       <el-carousel-item>
         <div class="mapImageItem">
@@ -31,7 +30,8 @@
     </el-carousel> -->
     <!-- 地图缩放 -->
     <div class="zoomTargetBox">
-      <el-input-number :min="7" :max="18" v-model="zoomTarget" :step="1" step-strictly @change="handleZoom"></el-input-number>
+      <el-input-number :min="7" :max="18" v-model="zoomTarget" :step="1" step-strictly @change="handleZoom">
+      </el-input-number>
     </div>
   </div>
 </template>
@@ -44,7 +44,7 @@ import { getItem } from "@/utils/storage";
 const conditionRoute = ref(true); //路况
 const mMap = ref(null); //地图对象
 const mapUtil = ref(null); //地图工具对象
-const zoomTarget = ref(15);
+const zoomTarget = ref(6);
 
 const props = defineProps({
   mapid: {
@@ -70,11 +70,12 @@ const props = defineProps({
   isShowDraw: {
     type: Boolean,
     default: false
-  }
+  },
+
 });
 try {
   const userInfo = getItem("deptId")[0].deptCode;
-} catch (error) { }
+} catch (error) {}
 let map;
 let mapLayer;
 let mapLayer1;
@@ -88,37 +89,66 @@ onMounted(() => {
 
   map = new EliMap({
     id: props.mapid,
-    crs: "EPSG:4490",
+    crs: "EPSG:3857",
     style: {
       glyphs: "./fonts/{fontstack}/{range}.pbf",
-      center: [94.36057012, 29.64276831],
-      zoom: 15
+      center: [94.36,29.65],
+      zoom: 11
     },
-    minZoom: 5,
+    minZoom: 7,
     maxZoom: 18,
+    transformRequest: (url) => {
+      if (url.indexOf("TileMatrix=") != -1) {
+        const arr = url.split("TileMatrix=");
+        const arr1 = arr[1].split("&");
+        const nurl = `${arr[0]}&TileMatrix=${Number(arr1[0])}&${arr1[1]}&${arr1[2]}`;
+
+      }
+    }
   });
+
   window.map = map;
   map.mapboxGLMap.on("load", () => {
-    map.addWMTSLayer(
-      "/PGIS_S_TileMapServer/Maps/XZDJ_DJ/EzMap"
-      ,
-      {
-        Service: "getImage",
-        Type: "RGB",
-        ZoomOffset: "0",
-        V: "0.3",
-        Zoom: "{z}",
-        Row: "{y}",
-        Col: "{x}"
-      },
-      {
-        tileSize: 300
-      }
-    );
+     map.addGaudLayer({
+      url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
+    })
     zoomTarget.value = map.mapboxGLMap.getZoom();
+    // 地图加载完成后发出事件
+    // emit('mapLoaded')
   });
   mapUtil.value = new MapUtil(map);
-
+  // map = new EliMap({
+  //   id: props.mapid,
+  //   crs: "EPSG:4490",
+  //   style: {
+  //     glyphs: "./fonts/{fontstack}/{range}.pbf",
+  //     center: [94.36057012, 29.64276831],
+  //     zoom: 15
+  //   },
+  //   minZoom: 7,
+  //   maxZoom: 18,
+  // });
+  // window.map = map;
+  // map.mapboxGLMap.on("load", () => {
+  //   map.addWMTSLayer(
+  //     "/PGIS_S_TileMapServer/Maps/XZDJ_SL/EzMap"
+  //     ,
+  //     {
+  //       Service: "getImage",
+  //       Type: "RGB",
+  //       ZoomOffset: "0",
+  //       V: "0.3",
+  //       Zoom: "{z}",
+  //       Row: "{y}",
+  //       Col: "{x}"
+  //     },
+  //     {
+  //       tileSize: 300
+  //     }
+  //   );
+  //   zoomTarget.value = map.mapboxGLMap.getZoom();
+  // });
+  // mapUtil.value = new MapUtil(map);
   mapUtil.value.Drawplot(); //初始化加载绘制工具
 
   // 设置地图中心点及图层
@@ -154,10 +184,6 @@ onMounted(() => {
   emitter.on("showSquire", (obj) => {
     mapUtil.value.zdySquire(obj);
   });
-  // 展示气泡框
-  emitter.on("makerPopup", (obj) => {
-    mapUtil.value.makerPopup(obj);
-  });
 
   // 绘制图形 - 回显区域
   emitter.on("drawShape", (res) => {
@@ -263,6 +289,7 @@ const mapSetLayer = (id, source) => {
 
 //获取地图绘制的数据
 const resFun = (coord, type, flag, data) => {
+
   emitter.emit("coordString", {
     coord: coord,
     type: type,
@@ -276,6 +303,12 @@ const handleZoom = (val) => {
   map.mapboxGLMap.setZoom(val);
 };
 
+emitter.on("map-resize", () => {
+  if (map && map.mapboxGLMap) {
+    map.mapboxGLMap.resize();
+  }
+});
+
 // 是否打开或者关闭路况
 const handleSwitch = (val) => {
   if (val) {
@@ -292,7 +325,6 @@ onUnmounted(() => {
   emitter.off("showPoint");
   emitter.off("deletePointArea");
   emitter.off("deletePointAreaOne");
-  emitter.off("makerPopup");
   emitter.off("drawShape");
   emitter.off("echoPlane");
   emitter.off("removeEara");
@@ -306,6 +338,7 @@ onUnmounted(() => {
   emitter.off("diffusionCircle");
   emitter.off("SsCircle");
   emitter.off("ClearssCircle");
+  emitter.off("map-resize");
 });
 </script>
 
@@ -328,35 +361,29 @@ onUnmounted(() => {
   right: 398px;
   bottom: 4px;
   z-index: 9;
-
   .mapImageItem {
     border: 1px solid #08aae8;
     background: rgb(9, 26, 70);
-
-    &>img {
+    & > img {
       width: 100%;
       height: 50px;
     }
-
-    &>div {
+    & > div {
       text-align: center;
       position: relative;
       top: -3px;
     }
   }
-
   .zoomTargetBox {
     margin-top: 10px;
     margin-left: 23px;
   }
-
   ::v-deep .el-input-number__decrease,
   ::v-deep .el-input-number__increase {
     background: #133362;
     color: #fff;
     border: none;
   }
-
   ::v-deep .el-input__inner {
     background: #0c1641;
   }
diff --git a/src/components/GdMap/indexww.vue b/src/components/GdMap/indexs.vue
similarity index 76%
rename from src/components/GdMap/indexww.vue
rename to src/components/GdMap/indexs.vue
index 144bfec..cd05015 100644
--- a/src/components/GdMap/indexww.vue
+++ b/src/components/GdMap/indexs.vue
@@ -1,7 +1,8 @@
 <template>
   <div :id="mapid" class="map"></div>
   <div class="changeMap_box" v-if="props.isShow">
-    <el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况" style="--el-switch-color:#13ce66;--el-switch-off-color:#ff4949;" />
+    <el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况"
+      style="--el-switch-color: #13ce66; --el-switch-off-color: #ff4949" />
     <!-- <el-carousel type="card" height="75px" :autoplay="false" indicator-position="none" :initial-index="3"  @change="onMapImageChange">
       <el-carousel-item>
         <div class="mapImageItem">
@@ -30,21 +31,20 @@
     </el-carousel> -->
     <!-- 地图缩放 -->
     <div class="zoomTargetBox">
-      <el-input-number :min="7" :max="18" v-model="zoomTarget" :step="1" step-strictly @change="handleZoom">
-      </el-input-number>
+      <el-input-number :min="7" :max="18" v-model="zoomTarget" :step="1" step-strictly @change="handleZoom"></el-input-number>
     </div>
   </div>
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, defineProps, nextTick, computed } from "vue";
+import { ref, onMounted, onUnmounted, defineProps, nextTick } from "vue";
 import { MapUtil } from "./mapUtil";
 import emitter from "@/utils/eventBus.js";
 import { getItem } from "@/utils/storage";
 const conditionRoute = ref(true); //路况
 const mMap = ref(null); //地图对象
 const mapUtil = ref(null); //地图工具对象
-const zoomTarget = ref(6);
+const zoomTarget = ref(15);
 
 const props = defineProps({
   mapid: {
@@ -70,19 +70,11 @@ const props = defineProps({
   isShowDraw: {
     type: Boolean,
     default: false
-  },
-  // 地图唯一标识，用于隔离不同地图实例的操作
-  mapKey: {
-    type: String,
-    default: null
   }
 });
-
-// 计算地图唯一标识，如果没有传入则使用mapid
-const uniqueMapKey = computed(() => props.mapKey || props.mapid);
 try {
   const userInfo = getItem("deptId")[0].deptCode;
-} catch (error) {}
+} catch (error) { }
 let map;
 let mapLayer;
 let mapLayer1;
@@ -96,107 +88,76 @@ onMounted(() => {
 
   map = new EliMap({
     id: props.mapid,
-    crs: "EPSG:3857",
+    crs: "EPSG:4490",
     style: {
       glyphs: "./fonts/{fontstack}/{range}.pbf",
-      center: [94.36,29.65],
-      zoom: 10
+      center: [94.36057012, 29.64276831],
+      zoom: 15
     },
-    transformRequest: (url) => {
-      if (url.indexOf("TileMatrix=") != -1) {
-        const arr = url.split("TileMatrix=");
-        const arr1 = arr[1].split("&");
-        const nurl = `${arr[0]}&TileMatrix=${Number(arr1[0])}&${arr1[1]}&${arr1[2]}`;
-
-      }
-    }
+    minZoom: 5,
+    maxZoom: 18,
   });
-
-  // 移除全局挂载，避免不同地图实例冲突
-  // window.map = map;
-
-  // 将地图实例存储在组件内
-  mMap.value = map;
-
+  window.map = map;
   map.mapboxGLMap.on("load", () => {
-     map.addGaudLayer({
-      url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
-    })
+    map.addWMTSLayer(
+      "/PGIS_S_TileMapServer/Maps/XZDJ_DJ/EzMap"
+      ,
+      {
+        Service: "getImage",
+        Type: "RGB",
+        ZoomOffset: "0",
+        V: "0.3",
+        Zoom: "{z}",
+        Row: "{y}",
+        Col: "{x}"
+      },
+      {
+        tileSize: 300
+      }
+    );
     zoomTarget.value = map.mapboxGLMap.getZoom();
-    // 地图加载完成后发出事件
-    // emit('mapLoaded')
   });
-
   mapUtil.value = new MapUtil(map);
+
   mapUtil.value.Drawplot(); //初始化加载绘制工具
 
-  // 为每个事件添加唯一标识过滤，确保只处理与当前地图实例相关的操作
-
   // 设置地图中心点及图层
-  emitter.on(`setMapCenter_${uniqueMapKey.value}`, (res) => {
-    mapUtil.value.setMapCenter(res.location, res.zoomLevel);
-  });
-
-  // 也保留原始事件，但添加条件判断
   emitter.on("setMapCenter", (res) => {
-    // 如果事件包含flag并且与当前地图的唯一标识匹配，或者没有指定flag，则处理
-    if (!res.flag || res.flag === uniqueMapKey.value) {
-      mapUtil.value.setMapCenter(res.location, res.zoomLevel);
-    }
+    mapUtil.value.setMapCenter(res.location, res.zoomLevel);
   });
 
   emitter.on("removePlot", (flag) => {
     mapUtil.value.removePlot(flag);
   });
-
   emitter.on("removeAll", (flag) => {
     mapUtil.value.removeAll(flag);
   });
-
   // 撒点
   emitter.on("addPointArea", (obj) => {
-    // 只处理与当前地图相关的标记点
-    if (!obj.baseFlag || obj.baseFlag === uniqueMapKey.value ||
-        obj.flag && obj.flag.includes(uniqueMapKey.value)) {
-      mapUtil.value.makerSki(obj);
-    }
+    mapUtil.value.makerSki(obj);
   });
-
   // 鼠标滑过提示文字的点位
   emitter.on("showPoint", (obj) => {
     mapUtil.value.showPoint(obj);
   });
 
-  // 展示气泡框
-  emitter.on("makerPopup", (obj) => {
-    mapUtil.value.makerPopup(obj);
-  });
-
   // 清除覆盖物
   emitter.on("deletePointArea", (res) => {
-    // 只清除与当前地图相关的覆盖物
-    if (typeof res === 'object' && res.baseFlag) {
-      if (res.baseFlag === uniqueMapKey.value) {
-        mapUtil.value.removeElement(res.baseFlag);
-      }
-    } else if (typeof res === 'string') {
-      if (res === uniqueMapKey.value || res.includes(uniqueMapKey.value)) {
-        mapUtil.value.removeElement(res);
-      }
-    }
+    mapUtil.value.removeElement(res);
   });
-
   // 清除某个覆盖物的单个
   emitter.on("deletePointAreaOne", (obj) => {
-    if (obj.flag === uniqueMapKey.value || obj.flag.includes(uniqueMapKey.value)) {
-      mapUtil.value.removeElementOne(obj.flag, obj.id);
-    }
+    mapUtil.value.removeElementOne(obj.flag, obj.id);
   });
 
   // 清除某个覆盖物的单个
   emitter.on("showSquire", (obj) => {
     mapUtil.value.zdySquire(obj);
   });
+  // 展示气泡框
+  emitter.on("makerPopup", (obj) => {
+    mapUtil.value.makerPopup(obj);
+  });
 
   // 绘制图形 - 回显区域
   emitter.on("drawShape", (res) => {
@@ -302,7 +263,6 @@ const mapSetLayer = (id, source) => {
 
 //获取地图绘制的数据
 const resFun = (coord, type, flag, data) => {
-
   emitter.emit("coordString", {
     coord: coord,
     type: type,
@@ -330,9 +290,9 @@ onUnmounted(() => {
   emitter.off("setMapCenter");
   emitter.off("addPointArea");
   emitter.off("showPoint");
-  emitter.off("makerPopup");
   emitter.off("deletePointArea");
   emitter.off("deletePointAreaOne");
+  emitter.off("makerPopup");
   emitter.off("drawShape");
   emitter.off("echoPlane");
   emitter.off("removeEara");
@@ -368,29 +328,35 @@ onUnmounted(() => {
   right: 398px;
   bottom: 4px;
   z-index: 9;
+
   .mapImageItem {
     border: 1px solid #08aae8;
     background: rgb(9, 26, 70);
-    & > img {
+
+    &>img {
       width: 100%;
       height: 50px;
     }
-    & > div {
+
+    &>div {
       text-align: center;
       position: relative;
       top: -3px;
     }
   }
+
   .zoomTargetBox {
     margin-top: 10px;
     margin-left: 23px;
   }
+
   ::v-deep .el-input-number__decrease,
   ::v-deep .el-input-number__increase {
     background: #133362;
     color: #fff;
     border: none;
   }
+
   ::v-deep .el-input__inner {
     background: #0c1641;
   }
diff --git a/src/components/GdMap/mapUtil.js b/src/components/GdMap/mapUtil.js
index 6839581..5df195c 100644
--- a/src/components/GdMap/mapUtil.js
+++ b/src/components/GdMap/mapUtil.js
@@ -72,7 +72,7 @@ export function MapUtil(map) {
    */
 
   MapUtil.prototype.makerSki = (res) => {
-    let { coords, icon, flag, showTitle, size, offset } = res
+    let { coords, icon, flag, showTitle, size, offset, flash } = res
     if (!coords) return;
     if (!_that._self[flag]) _that._self[flag] = []; //存储地图标识的容器
     if (!_that.idsBox[flag]) _that.idsBox[flag] = []; //存储id的容器
@@ -81,13 +81,19 @@ export function MapUtil(map) {
     } else {
       coords.forEach(item => {
         let el = document.createElement("img");
-        el.src = item.icon || icon;
+        if (!flash) {
+          el.src = item.icon ? item.icon : icon;
+        } else {
+          el.className = 'blink-animation'
+        }
         el.style.width = size ? size : "25px";
         if (flag.includes('jczMap_')) el.style.width = '45px';
         if (showTitle) _that.makerShowTitle(item, [item.jd, item.wd], flag, '', offset) //展示标题
         // if (flag == 'hm') _that.makerPopup({data:item,flag:'hm_pop',type:'Custom'}) //展示气泡框
+
+
         // 确保坐标格式正确，使用对象格式传递坐标
-        const marker = map.Marker(el, { lng: item.jd, lat: item.wd }, { anchor: 'bottom', offset: [0, 0] })
+        const marker = map.Marker(el, { lng: item.jd, lat: item.wd }, { anchor: 'bottom', offset: offset ? offset : [0, 0] })
         el.addEventListener("click", () => {
           _that.openInfoDetail(flag, item) //点击打开详情
         })
@@ -321,7 +327,9 @@ export function MapUtil(map) {
   MapUtil.prototype.diffusionCircle = (obj) => {
     let { coords, flag, isClear } = obj
     if (!_that._self[flag]) _that._self[flag] = {}
-    if (isClear) _that._self[flag].destroy() //destroy销毁，show(false) 移除
+    if (isClear && _that._self[flag] && typeof _that._self[flag].destroy === 'function') {
+      _that._self[flag].destroy() //destroy销毁，show(false) 移除
+    }
     let data = [{ position: coords }]
     _that._self[flag] = map.DiffuseCircle(data, {
       radius: 10,
@@ -412,8 +420,11 @@ export function MapUtil(map) {
         for (let i = 0; i < list.length; i++) {
           const el = list[i];
           console.log(el, 'el');
-          if (el && typeof el == 'object') el.destroy() //destory()销毁 , show(false) false:隐藏  true ：展示
-          else _that.removePlot(key)
+          if (el && typeof el === 'object' && typeof el.destroy === 'function') {
+            el.destroy() //destory()销毁 , show(false) false:隐藏  true ：展示
+          } else {
+            _that.removePlot(key)
+          }
         }
         _that._self[key] = [];
       }
@@ -430,7 +441,11 @@ export function MapUtil(map) {
       for (let key in _that._self.gpsZb) {
         let item = _that._self.gpsZb[key]
         if (item && item.length > 0) {
-          for (let child in item) { item[child].destroy() }
+          for (let child in item) {
+            if (item[child] && typeof item[child].destroy === 'function') {
+              item[child].destroy()
+            }
+          }
           _that._self.gpsZb[key] = []
         }
       }
@@ -442,7 +457,9 @@ export function MapUtil(map) {
     if (layer !== 'gpsZb') {
       for (let i = 0; i < _that._self[layer].length; i++) {
         const el = _that._self[layer][i];
-        el.destroy()//destory()销毁 , show(false) false:隐藏  true ：展示
+        if (el && typeof el.destroy === 'function') {
+          el.destroy()//destory()销毁 , show(false) false:隐藏  true ：展示
+        }
       }
       _that._self[layer] = [];
 
@@ -452,7 +469,9 @@ export function MapUtil(map) {
       if (!_that._self[flagT]) return false;
       for (let i = 0; i < _that._self[flagT].length; i++) {
         const el = _that._self[flagT][i];
-        el.destroy()//destory()销毁 , show(false) false:隐藏  true ：展示
+        if (el && typeof el.destroy === 'function') {
+          el.destroy()//destory()销毁 , show(false) false:隐藏  true ：展示
+        }
       }
       _that._self[flagT] = []
     }
@@ -467,11 +486,15 @@ export function MapUtil(map) {
     list.forEach((el, index) => {
       if (el == id) {
         _that.idsBox[layer].splice(index, 1);
-        if (_that._self[layer][index]) _that._self[layer][index].destroy()
+        if (_that._self[layer][index] && typeof _that._self[layer][index].destroy === 'function') {
+          _that._self[layer][index].destroy()
+        }
         _that._self[layer].splice(index, 1)
         if (layer == 'rx') {
           let flagT = layer + 'rxTitle';
-          if (_that._self[flagT][index]) _that._self[flagT][index].destroy()
+          if (_that._self[flagT][index] && typeof _that._self[flagT][index].destroy === 'function') {
+            _that._self[flagT][index].destroy()
+          }
           _that._self[flagT].splice(index, 1)
           _that.removeGpsZbOverlayById(id) //删除图标
         }
@@ -485,7 +508,11 @@ export function MapUtil(map) {
       try {
         let info = _that._self.gpsZb[id]
         if (info) {
-          info.forEach(element => { element.destroy() });
+          info.forEach(element => {
+            if (element && typeof element.destroy === 'function') {
+              element.destroy()
+            }
+          });
           delete _that._self.gpsZb[id]
         }
       } catch (err) { }
@@ -759,7 +786,7 @@ export function MapUtil(map) {
 
   // 移除轨迹
   MapUtil.prototype.removeTrajectory = (flag) => {
-    if (_that._self[flag]) {
+    if (_that._self[flag] && typeof _that._self[flag].destroy === 'function') {
       _that._self[flag].destroy();
       _that._self[flag] = null
     }
@@ -848,7 +875,7 @@ export function MapUtil(map) {
   // 移除边界
   MapUtil.prototype.removeBj = (res) => {
     // 移除单个polygonGeo（为了向后兼容）
-    if (_that.polygonGeo) {
+    if (_that.polygonGeo && typeof _that.polygonGeo.destroy === 'function') {
       _that.polygonGeo.destroy();
       _that.polygonGeo = null;
     }
@@ -856,7 +883,9 @@ export function MapUtil(map) {
     // 移除所有添加到boundaryList中的多边形
     if (_that.boundaryList && _that.boundaryList.length > 0) {
       _that.boundaryList.forEach(polygon => {
-        polygon.destroy();
+        if (polygon && typeof polygon.destroy === 'function') {
+          polygon.destroy();
+        }
       });
       _that.boundaryList = [];
     }
@@ -882,6 +911,12 @@ export function MapUtil(map) {
       case 'yj':
         emitter.emit('yjShow', data);
         break;
+      case 'jq':
+        emitter.emit('showJqXq', data);
+        break;
+      case 'sj':
+        emitter.emit('showZdsjXq', data);
+        break;
     }
   }
 }
diff --git a/src/components/MyComponents/Department/index.vue b/src/components/MyComponents/Department/index.vue
index d9a97f1..df5722c 100644
--- a/src/components/MyComponents/Department/index.vue
+++ b/src/components/MyComponents/Department/index.vue
@@ -1,18 +1,8 @@
 <template>
   <div class="form-item-box" :style="{ width: width }">
-    <el-cascader
-      style="width: 100%"
-      class="el-cascader-zj"
-      :show-all-levels="false"
-      clearable
-      filterable
-      :disabled="props.disabled"
-      :placeholder="modelValue ? placeholder : '请选择部门'"
-      :options="tableData"
-      v-model="oldmodelValue"
-      @change="handleChange"
-      :props="endProps"
-    />
+    <el-cascader style="width: 100%" class="el-cascader-zj" :show-all-levels="false" clearable filterable
+      :disabled="props.disabled" :placeholder="modelValue ? placeholder : '请选择部门'" :options="tableData"
+      v-model="oldmodelValue" @change="handleChange" :props="endProps" />
   </div>
 </template>
 
@@ -41,14 +31,14 @@ const props = defineProps({
     default: []
   },
   width: {
-    default: COMPONENT_WIDTH,
+    default: '',
     type: String
   },
-  isAll:{
+  isAll: {
     default: false,
     type: Boolean
   },
-  disabled:{
+  disabled: {
     default: false,
     type: Boolean
   },
@@ -72,7 +62,7 @@ const endProps = {
   lazyLoad(node, resolve) {
     listQuery.value.parentid = node.data.id;
     let params = { ...listQuery.value };
-    if(props.isAll && firstLoad.value) {
+    if (props.isAll && firstLoad.value) {
       params.parentid = 1;
       firstLoad.value = false;
     }
@@ -89,7 +79,7 @@ const endProps = {
 const tableData = ref([]);
 const getSysMenuTree = async () => {
   let params = { ...listQuery.value }
-  if(props.isAll) params.parentid = 1;
+  if (props.isAll) params.parentid = 1;
   const res = await selectDeptPage(params);
   tableData.value = res;
   depList.value = res
@@ -101,29 +91,29 @@ onMounted(() => {
 watch(
   () => props.modelValue,
   (val) => {
-    console.log(val,'val');
+    console.log(val, 'val');
     oldmodelValue.value = val;
   },
   { deep: true, immediate: true }
 );
-const emits = defineEmits(["update:modelValue",'getDepValue']);
+const emits = defineEmits(["update:modelValue", 'getDepValue']);
 const handleChange = (e) => {
   if (props.multiple === true) {
-    const data = e.map((item) => {return item[item.length - 1];});
+    const data = e.map((item) => { return item[item.length - 1]; });
     emits("update:modelValue", data);
-    const obj= data.map(items=>{
+    const obj = data.map(items => {
       return {
-        ... depList.value.find(item=>{ return item.orgCode == items})
+        ...depList.value.find(item => { return item.orgCode == items })
       }
     })
     console.log(obj);
-    
+
     emits("getDepValue", obj);
-    
+
   } else {
     const data = e ? e[e.length - 1] : "";
     emits("update:modelValue", data);
-    let obj = depList.value.find(item=>{ return item.orgCode == data})
+    let obj = depList.value.find(item => { return item.orgCode == data })
     emits("getDepValue", obj);
   }
 };
diff --git a/src/components/aboutTable/DarkTable.vue b/src/components/aboutTable/DarkTable.vue
index 6c23f3a..23f7b4e 100644
--- a/src/components/aboutTable/DarkTable.vue
+++ b/src/components/aboutTable/DarkTable.vue
@@ -173,7 +173,8 @@ const props = defineProps({
 const emit = defineEmits([
   "chooseData",
   "rowdbClickHland",
-  "rowcontextmenuHland"
+  "rowcontextmenuHland",
+  "changePage"
 ]);
 const multipleTableRef = ref();
 const currentRow = ref();
diff --git a/src/components/aboutTable/FormMessage.vue b/src/components/aboutTable/FormMessage.vue
index 6b77e0b..f59afe6 100644
--- a/src/components/aboutTable/FormMessage.vue
+++ b/src/components/aboutTable/FormMessage.vue
@@ -31,7 +31,7 @@
       </el-radio-group>
 
       <!-- 时间选择 -->
-      <el-time-picker v-else-if="item.type == 'time'" v-model="listQuery[item.prop]" placeholder="选择时间" style="width: 100%" :disabled="item.disabled" />
+      <el-time-picker v-else-if="item.type == 'time'" v-model="listQuery[item.prop]" placeholder="选择时间" style="width: 100%" :disabled="item.disabled" value-format="HH:mm:ss"/>
       <el-date-picker v-else-if="item.type == 'date'" v-model="listQuery[item.prop]" type="date" value-format="YYYY-MM-DD" placeholder="请选择日期" style="width: 100%" :disabled="item.disabled" />
       <el-date-picker v-else-if="item.type == 'datetime'" v-model="listQuery[item.prop]" type="datetime"  value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择时间" style="width: 100%" :disabled="item.disabled" />
       <el-date-picker v-else-if="item.type == 'datetimerange'" v-model="listQuery[item.prop]" type="datetimerange" :shortcuts="shortcuts" range-separator="To" value-format="YYYY-MM-DD HH:mm:ss" start-placeholder="选择开始时间" end-placeholder="选择结束时间" style="width: 100%" :disabled="item.disabled" />
diff --git a/src/router/index.js b/src/router/index.js
index e930d54..1453189 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -41,6 +41,11 @@ export const publicRoutes = [
     name: "home",
     component: () => import("@/views/home/index") //系统登录
   },
+  {
+    path: "/mapNavigation",
+    name: "mapNavigation",
+    component: () => import("@/views/home/model/mapNavigation.vue") //系统登录
+  },
   {
     path: "/KeyPopulations",
     name: "KeyPopulations",
@@ -484,6 +489,15 @@ export const publicRoutes = [
               icon: "article-create"
             }
           },
+          {
+            path: "/policeManagement",
+            name: "policeManagement",
+            component: () => import("@/views/backOfficeSystem/policeManagement/index.vue"),
+            meta: {
+              title: "重大事件",
+              icon: "article-create"
+            }
+          },
           {
             path: "/ResearchHome",
             name: "ResearchHome",
@@ -658,6 +672,29 @@ export const publicRoutes = [
         name: "dataApplication",
         meta: { title: "数据应用", icon: "article-ranking" },
         children: [
+          {
+            path: "/Gzqkgl",
+            name: "Gzqkgl",
+            meta: {
+              title: "工作情况管理",
+              icon: "article-create"
+            },
+            children: [
+              {
+                path: "/goingJob",
+                name: "goingJob",
+                meta: { title: "工作情况", icon: "article-ranking" },
+                component: () => import("@/views/backOfficeSystem/goingJob/index.vue")
+              }, {
+                path: "/workLogInfo",
+                name: "workLogInfo",
+                meta: { title: "值班信息", icon: "article-ranking" },
+                component: () => import("@/views/backOfficeSystem/workLogInfo/index.vue")
+              }
+            ]
+          },
+
+
           {
             path: "/Cspz",
             name: "Cspz",
diff --git a/src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/components/zdclPage.vue b/src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/components/zdclPage.vue
index 64bfeb0..7d82798 100644
--- a/src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/components/zdclPage.vue
+++ b/src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/components/zdclPage.vue
@@ -4,6 +4,11 @@
     <div ref="searchBox">
       <Search :searchArr="searchConfiger" @submit="onSearch" />
     </div>
+          <!-- <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="addEdit('add')">新增</el-button>
+      </template>
+    </PageTitle> -->
     <!-- 表格 -->
     <div class="tabBox">
       <MyTable
@@ -82,6 +87,7 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import AddForm from "@/views/backOfficeSystem/DeploymentDisposal/mpvCar/components/addForm.vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
 import { qcckGet, qcckPost,qcckDelete } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
 const { proxy } = getCurrentInstance();
@@ -157,7 +163,7 @@ onMounted(() => {
 });
 // 移入
 const handleSend=()=>{
-  
+
 }
 // 搜索
 const onSearch = (val) => {
diff --git a/src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/components/zdqtPage.vue b/src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/components/zdqtPage.vue
index 94ae1ee..cac2e2c 100644
--- a/src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/components/zdqtPage.vue
+++ b/src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/components/zdqtPage.vue
@@ -4,6 +4,12 @@
     <div ref="searchBox">
       <Search :searchArr="searchConfiger" @submit="onSearch" />
     </div>
+        <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="addEdit('add')">新增</el-button>
+        <!-- <el-button type="danger" size="small" @click="handleRow()">批量删除</el-button> -->
+      </template>
+    </PageTitle>
     <!-- 表格 -->
     <div class="tabBox">
       <MyTable
@@ -36,6 +42,8 @@
         <!-- 操作 -->
         <template #controls="{ row }">
           <el-link size="small" type="primary" @click="handleSend(row.id)">移入</el-link>
+             <el-link size="small" type="danger" @click="deleteRow(row.id)" v-if="isShiQzDelet">删除</el-link>
+            <el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
           <el-link size="small" type="success" @click="addEdit('detail', row)">详情</el-link>
         </template>
       </MyTable>
@@ -45,7 +53,7 @@
       }"></Pages>
     </div>
     <!-- 编辑 - 新增-->
-    <EditForm v-if="show" @updateDate="getList" ref="editFormDiloag" :dic="{D_BZ_XB,D_GS_ZDQT_LB,D_GS_ZDQT_FXDJ,D_GS_ZDR_CZZT}" />
+    <EditForm v-if="show" @updateDate="getList" qtlx="02" ref="editFormDiloag" :dic="{D_BZ_XB,D_GS_ZDQT_LB,D_GS_ZDQT_FXDJ,D_GS_ZDR_CZZT}" />
   </div>
 </template>
 
@@ -57,6 +65,8 @@ import EditForm from "@/views/backOfficeSystem/DeploymentDisposal/mpvGroup/compo
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
 import { ElMessage } from "element-plus";
 import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import { getItem } from "@/utils/storage.js";
 const { proxy } = getCurrentInstance();
 const { D_GS_ZDR_CZZT,D_GS_BK_SQLX, D_GS_ZDQT_FXDJ, D_GS_ZDR_RYJB, D_GS_ZDQT_LB, D_GS_ZDR_BK_ZT, D_GS_BQ_LX, D_GS_ZDQT_ZT, D_BZ_SF, D_BZ_XB, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } = proxy.$dict("D_GS_ZDR_CZZT","D_GS_BK_SQLX", "D_GS_ZDQT_FXDJ", "D_GS_ZDR_RYJB", "D_GS_ZDQT_LB", "D_GS_ZDR_BK_ZT", "D_GS_BQ_LX", "D_GS_ZDQT_ZT", "D_BZ_SF", "D_BZ_XB", "D_GS_XS_LY", "D_BZ_SSZT", "D_GS_XS_LX", "D_GS_XS_QTLX"); //获取字典数据
 const showzxs = ref(false);
@@ -127,7 +137,7 @@ const pageData = reactive({
     pageSize: 20,
     pageCurrent: 1
   },
-  controlsWidth: 150,
+  controlsWidth: 180,
   tableColumn: [
     { label: "群体名称", prop: "qtMc",width:150 },
     { label: "群体类别", prop: "qtLb" , showSolt: true,width:150 },
@@ -136,13 +146,16 @@ const pageData = reactive({
     { label: "背景信息", prop: "bgxx", showSolt: true ,width:150 },
     { label: "管辖单位", prop: "gxSsdwmc",width:150  },
     { label: "状态", prop: "qtZt", showSolt: true,width:150  },
-    { label: "标签", prop: "bqList", showSolt: true ,showOverflowTooltip:true,width:400 },
+    { label: "标签", prop: "bqList", showSolt: true ,showOverflowTooltip:true },
   ]
 });
-
+const isShiQzDelet = ref(false)
 onMounted(() => {
   tabHeightFn();
   getList();
+
+    const isShiQz = getItem('roleList').find(item => item.roleCode == 'JS_777777') != undefined
+  if (isShiQz) isShiQzDelet.value = true
 });
 
 //移入
diff --git a/src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/components/zdrPage.vue b/src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/components/zdrPage.vue
index d8d5597..66b656f 100644
--- a/src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/components/zdrPage.vue
+++ b/src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/components/zdrPage.vue
@@ -4,6 +4,13 @@
     <div ref="searchBox">
       <Search :searchArr="searchConfiger" @submit="onSearch" />
     </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="addEdit('add')">新增</el-button>
+        <!-- <el-button type="danger" size="small" @click="handleRow()">批量删除</el-button> -->
+      </template>
+    </PageTitle>
+
     <!-- 表格 -->
     <div class="tabBox">
       <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
@@ -46,6 +53,8 @@
         <!-- 操作 -->
         <template #controls="{ row }">
           <el-link size="small" type="success" @click="handleSend(row.id)">移入</el-link>
+          <el-link size="small" type="primary" @click="addEdit('edit', row)">编辑</el-link>
+          <el-link size="small" type="danger" @click="deleteRow(row.id)" v-if="isShiQzDelet">删除</el-link>
           <el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
         </template>
       </MyTable>
@@ -55,7 +64,7 @@
       }"></Pages>
     </div>
     <!-- 详情 -->
-    <AddForm ref="addFormDiloag" @updateDate="getList"
+    <AddForm ref="addFormDiloag" @updateDate="getList" rylx="02"
       :dic="{ D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ }" />
   </div>
 </template>
@@ -69,6 +78,7 @@ import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import AddForm from "@/views/backOfficeSystem/DeploymentDisposal/mpvPeo/components/addForm.vue";
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import { getItem } from "@/utils/storage.js";
 import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const { D_GS_ZDQT_ZT, D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ, D_GS_BK_SQLX, D_BZ_SF, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } =
@@ -126,7 +136,7 @@ const pageData = reactive({
   tableColumn: [
     { label: "姓名", prop: "ryXm", width: 150 },
     { label: "性别", prop: "ryXb", showSolt: true, width: 100 },
-    { label: "籍贯", prop: "ryJg", showSolt: true, width: 100},
+    { label: "籍贯", prop: "ryJg", showSolt: true, width: 100 },
     { label: "身份证", prop: "rySfzh", width: 200 },
     { label: "民族", prop: "ryMz", showSolt: true, width: 100 },
     { label: "户籍地区划", prop: "hjdQh", showSolt: true, width: 150 },
@@ -135,10 +145,12 @@ const pageData = reactive({
     { label: "审核状态", prop: "zdrZt", showSolt: true },
   ]
 });
-
+const isShiQzDelet = ref(false)
 onMounted(() => {
   getList();
   tabHeightFn();
+      const isShiQz = getItem('roleList').find(item => item.roleCode == 'JS_777777') != undefined
+  if (isShiQz) isShiQzDelet.value = true
 });
 
 // 搜索
@@ -161,7 +173,7 @@ const changeSize = (val) => {
 const getList = () => {
   pageData.tableConfiger.loading = true;
   // 人员类型D_ZDRY_RYLX(01 重点 02 普通〉
-  let data = { rylx:'02',...pageData.pageConfiger, ...queryFrom.value };
+  let data = { rylx: '02', ...pageData.pageConfiger, ...queryFrom.value };
   qcckGet(data, "/mosty-gsxt/tbGsxtZdry/selectPage").then((res) => {
     pageData.tableData = res.records || [];
     pageData.total = res.total;
@@ -251,7 +263,7 @@ const addEdit = (type, row) => {
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
   window.onresize = function () {
     tabHeightFn();
   };
diff --git a/src/views/backOfficeSystem/DeploymentDisposal/mpvCar/index.vue b/src/views/backOfficeSystem/DeploymentDisposal/mpvCar/index.vue
index 2aec42c..b43e93c 100644
--- a/src/views/backOfficeSystem/DeploymentDisposal/mpvCar/index.vue
+++ b/src/views/backOfficeSystem/DeploymentDisposal/mpvCar/index.vue
@@ -2,79 +2,89 @@
   <div>
 
     <!-- 搜索 -->
-    <div ref="searchBox"  class="mt10">
+    <div ref="searchBox" class="mt10">
       <Search :searchArr="searchConfiger" @submit="onSearch" />
     </div>
-     <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
       <template #left>
         <!-- <el-popover placement="bottom" :visible="visible" :width="400" trigger="click">
           <template #reference>
             <el-button type="primary" @click="(visible = !visible), (visiblefp = false)" size="small">布控申请</el-button>
           </template>
-          <div class="flex just-center">
-            <el-button size="small" type="primary" v-for="it in D_GS_BK_SQLX" :key="it.dm" @click="handleApplication(it)" >{{ it.zdmc }}</el-button>
-          </div>
-        </el-popover>
-        <el-popover placement="bottom" :visible="visiblefp" :width="400" trigger="click">
-          <template #reference>
+<div class="flex just-center">
+  <el-button size="small" type="primary" v-for="it in D_GS_BK_SQLX" :key="it.dm" @click="handleApplication(it)">{{
+    it.zdmc }}</el-button>
+</div>
+</el-popover>
+<el-popover placement="bottom" :visible="visiblefp" :width="400" trigger="click">
+  <template #reference>
             <el-button size="small" type="primary" @click="(visiblefp = !visiblefp), (visible = false)" >指定分配</el-button>
           </template>
-          <div>
-            <el-input readonly v-model="obj.fpmc" @click="chooseUserVisible = true" placeholder="请选择民警"></el-input>
-            <div class="flex just-center mt10">
-              <el-button @click="(visiblefp = false), (obj = {})" size="small">取消</el-button>
-              <el-button type="primary" @click="handlefp" size="small">分配</el-button>
-            </div>
-          </div>
-        </el-popover>
-        <el-button size="small" type="primary" @click="handleZxs">转线索</el-button>
-        <el-button size="small" type="primary" @click="handleMove">移交管控</el-button> -->
+  <div>
+    <el-input readonly v-model="obj.fpmc" @click="chooseUserVisible = true" placeholder="请选择民警"></el-input>
+    <div class="flex just-center mt10">
+      <el-button @click="(visiblefp = false), (obj = {})" size="small">取消</el-button>
+      <el-button type="primary" @click="handlefp" size="small">分配</el-button>
+    </div>
+  </div>
+</el-popover>
+<el-button size="small" type="primary" @click="handleZxs">转线索</el-button>
+<el-button size="small" type="primary" @click="handleMove">移交管控</el-button> -->
         <el-button type="primary" size="small" @click="addEdit('add', '')">
-          <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
+          <el-icon style="vertical-align: middle">
+            <CirclePlus />
+          </el-icon>
           <span style="vertical-align: middle">新增</span>
         </el-button>
       </template>
-      </PageTitle>
+    </PageTitle>
     <!-- 表格 -->
     <div class="tabBox">
-      <MyTable
-        :tableData="pageData.tableData"
-        :tableColumn="pageData.tableColumn"
-        :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount"
-        :tableConfiger="pageData.tableConfiger"
-        :controlsWidth="pageData.controlsWidth"
-        @chooseData="chooseData"
-      >
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+        @chooseData="chooseData">
         <template #ryxx="{ row }">
           <div class="flex">
             <img src="" alt="" style="width: 80px;height: 90px;" />
             <ul class="tl ml10" style="flex:1 0 0">
               <li class="one_text_detail">姓名：{{ row.ryXm }}</li>
-              <li class="flex one_text_detail">性别：<DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" /></li>
-              <li class="flex one_text_detail">籍贯：<DictTag :tag="false" :value="row.ryJg" :options="D_BZ_XZQHDM"/></li>
+              <li class="flex one_text_detail">性别：
+                <DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" />
+              </li>
+              <li class="flex one_text_detail">籍贯：
+                <DictTag :tag="false" :value="row.ryJg" :options="D_BZ_XZQHDM" />
+              </li>
               <li class="one_text_detail">身份证：{{ row.rySfzh }}</li>
               <li class="one_text_detail">出生日期：{{ row.ryCsrq }}</li>
-              <li class="flex one_text_detail">民族：<DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" /></li>
+              <li class="flex one_text_detail">民族：
+                <DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" />
+              </li>
             </ul>
           </div>
         </template>
         <template #jzxx="{ row }">
-          <div class="flex one_text_detail">户籍地区划：<DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" /></div>
+          <div class="flex one_text_detail">户籍地区划：
+            <DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" />
+          </div>
           <div class="flex one_text_detail">户籍派出所：{{ row.hjdPcsmc }}</div>
           <div class="flex one_text_detail">户籍地详址：{{ row.hjdXz }}</div>
         </template>
 
         <template #bqList="{ row }">
-          <ul >
-            <li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{ item.bqFz || 0  }} 分) </li>
+          <ul>
+            <li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{
+              item.bqFz || 0 }} 分) </li>
           </ul>
         </template>
         <template #gxdw="{ row }">
           <div class="flex one_text_detail">管辖单位：{{ row.gxSsbmmc }}</div>
-          <div class="flex">人员级别：<DictTag :tag="false" :value="row.zdrRyjb" :options="D_GS_ZDR_RYJB"/> </div>
+          <div class="flex">人员级别：
+            <DictTag :tag="false" :value="row.zdrRyjb" :options="D_GS_ZDR_RYJB" />
+          </div>
           <div class="flex one_text_detail">管控原因：{{ row.zdrLkyy }}</div>
-          <div class="flex">管控状态：<DictTag :tag="false" :value="row.zdrBkZt" :options="D_GS_ZDR_BK_ZT" /></div>
+          <div class="flex">管控状态：
+            <DictTag :tag="false" :value="row.zdrBkZt" :options="D_GS_ZDR_BK_ZT" />
+          </div>
         </template>
         <template #zdrCzzt="{ row }">
           <DictTag :tag="false" :value="row.zdrCzzt" :options="D_GS_ZDR_CZZT" />
@@ -88,27 +98,24 @@
 
         <!-- 操作 -->
         <template #controls="{ row }">
-          <el-link size="small" type="primary" @click="addEdit('edit', row)" >编辑</el-link>
-          <el-link size="small" type="primary" @click="addEdit('detail', row)" >详情</el-link>
-          <el-link size="small" type="danger" @click="deleteRow(row.id)">删除</el-link>
+          <el-link size="small" type="primary" @click="addEdit('edit', row)">编辑</el-link>
+          <el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
+          <el-link size="small" type="danger" @click="deleteRow(row.id)" v-if="isShiQzDelet">删除</el-link>
         </template>
       </MyTable>
-      <Pages
-        @changeNo="changeNo"
-        @changeSize="changeSize"
-        :tableHeight="pageData.tableHeight"
-        :pageConfiger="{
-          ...pageData.pageConfiger,
-          total: pageData.total
-        }"
-      ></Pages>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
     </div>
     <!-- 详情 -->
-    <AddForm ref="addFormDiloag" @updateDate="getList" :dic="{BD_BK_CLYJBQ,D_GS_ZDR_RYJB,D_BZ_XB,D_BZ_MZ,D_BZ_XZQHDM,D_GS_ZDR_BK_ZT,D_GS_ZDR_CZZT,D_GS_BQ_ZL,D_GS_BQ_LB,D_GS_BQ_LX,D_GS_ZDR_YJDJ,D_GS_BK_SSJZ}"/>
+    <AddForm ref="addFormDiloag" @updateDate="getList"
+      :dic="{ BD_BK_CLYJBQ, D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ }" />
     <!-- 选择用户 -->
-    <ChooseUser v-model="chooseUserVisible" @choosedUsers="handleUserSelected" :roleIds="roleIds"/>
+    <ChooseUser v-model="chooseUserVisible" @choosedUsers="handleUserSelected" :roleIds="roleIds" />
     <!-- 转线索 -->
-    <ZxsForm v-if="showzxs" ref="zxsDilof" @change="getList" :dic="{D_BZ_SF,D_BZ_XB,D_GS_XS_LY,D_BZ_SSZT,D_GS_XS_LX,D_GS_XS_QTLX }"></ZxsForm>
+    <ZxsForm v-if="showzxs" ref="zxsDilof" @change="getList"
+      :dic="{ D_BZ_SF, D_BZ_XB, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX }"></ZxsForm>
   </div>
 </template>
 
@@ -121,10 +128,11 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import AddForm from "./components/addForm.vue";
-import { qcckGet, qcckPost,qcckDelete } from "@/api/qcckApi.js";
+import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import { getItem } from "@/utils/storage.js";
 const { proxy } = getCurrentInstance();
-const { D_GS_ZDQT_ZT,D_GS_ZDR_RYJB, D_BZ_XB,BD_BK_CLYJBQ, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ, D_GS_BK_SQLX, D_BZ_SF, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } = proxy.$dict("D_GS_ZDQT_ZT","D_GS_ZDR_RYJB","D_BZ_XB","D_BZ_MZ","D_BZ_XZQHDM","D_GS_ZDR_BK_ZT","D_GS_ZDR_CZZT","D_GS_BQ_ZL","D_GS_BQ_LB","D_GS_BQ_LX","D_GS_BK_SSJZ","D_GS_BK_SQLX","D_BZ_SF","D_GS_XS_LY","D_BZ_SSZT","D_GS_XS_LX","D_GS_XS_QTLX","BD_BK_CLYJBQ","D_GS_ZDR_YJDJ");
+const { D_GS_ZDQT_ZT, D_GS_ZDR_RYJB, D_BZ_XB, BD_BK_CLYJBQ, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ, D_GS_BK_SQLX, D_BZ_SF, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } = proxy.$dict("D_GS_ZDQT_ZT", "D_GS_ZDR_RYJB", "D_BZ_XB", "D_BZ_MZ", "D_BZ_XZQHDM", "D_GS_ZDR_BK_ZT", "D_GS_ZDR_CZZT", "D_GS_BQ_ZL", "D_GS_BQ_LB", "D_GS_BQ_LX", "D_GS_BK_SSJZ", "D_GS_BK_SQLX", "D_BZ_SF", "D_GS_XS_LY", "D_BZ_SSZT", "D_GS_XS_LX", "D_GS_XS_QTLX", "BD_BK_CLYJBQ", "D_GS_ZDR_YJDJ");
 const obj = ref({});
 const showzxs = ref(false);
 const zxsDilof = ref();
@@ -179,9 +187,9 @@ const pageData = reactive({
   },
   controlsWidth: 150,
   tableColumn: [
-    { label: "车牌号", prop: "hphm",showOverflowTooltip:true },
+    { label: "车牌号", prop: "hphm", showOverflowTooltip: true },
     { label: "车架号", prop: "clCjh" },
-    { label: "车辆颜色", prop: "clYs",showOverflowTooltip:true},
+    { label: "车辆颜色", prop: "clYs", showOverflowTooltip: true },
     { label: "车辆所有人", prop: "clSyr" },
     { label: "管辖单位", prop: "gxSsbmmc", showSolt: true },
     { label: "管控民警姓名", prop: "gkMjXm", showSolt: true },
@@ -189,8 +197,12 @@ const pageData = reactive({
     // { label: "审核状态", prop: "zdrZt", showSolt: true },
   ]
 });
-
+const isShiQzDelet = ref(false)
 onMounted(() => {
+  console.log( getItem('roleList'));
+
+    const isShiQz = getItem('roleList').find(item => item.roleCode == 'JS_777777') != undefined
+  if (isShiQz) isShiQzDelet.value = true
   getList();
   tabHeightFn();
 });
@@ -249,7 +261,7 @@ const handleUserSelected = (val) => {
 // 处理分配
 const handlefp = () => {
   if (ids.value.length === 0) return ElMessage.error("请先选择需要布控的重点人");
-  qcckPost({ ids: ids.value, uid: obj.value.fpid },"/mosty-gsxt/tbGsxtZdry/addGkmj").then(() => {
+  qcckPost({ ids: ids.value, uid: obj.value.fpid }, "/mosty-gsxt/tbGsxtZdry/addGkmj").then(() => {
     ElMessage.success("分配成功");
     visible.value = false;
     visiblefp.value = false;
@@ -285,7 +297,7 @@ const handleZxs = () => {
 const deleteRow = (id) => {
   proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
 
-    qcckPost({id}, "/mosty-gsxt/tbGsxtZdcl/delete" ).then((res) => {
+    qcckPost({ id }, "/mosty-gsxt/tbGsxtZdcl/delete").then((res) => {
       ElMessage.success("删除成功");
       getList();
     });
@@ -296,7 +308,7 @@ const deleteRow = (id) => {
 //新增编辑
 const addEdit = (type, row) => {
   show.value = true;
-  nextTick(()=>{
+  nextTick(() => {
     addFormDiloag.value.init(type, row);
   })
 };
@@ -311,7 +323,7 @@ const tabHeightFn = () => {
 </script>
 
 <style lang="scss" scoped>
-.marks{
+.marks {
   padding: 0 4px;
   white-space: nowrap;
   background: #73acf1;
@@ -323,5 +335,4 @@ const tabHeightFn = () => {
 .el-loading-mask {
   background: rgba(0, 0, 0, 0.5) !important;
 }
-
 </style>
diff --git a/src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/components/addForm.vue b/src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/components/addForm.vue
index 7724749..4c24f89 100644
--- a/src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/components/addForm.vue
+++ b/src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/components/addForm.vue
@@ -67,6 +67,14 @@ const disabled = ref(false)
 const showBut = ref()
 const title = ref('新增')
 const portrayal = ref(false)
+const props = defineProps({
+  qtlx: {
+    type: String,
+    default: '01'
+  }
+})
+const emit = defineEmits(['updateDate'])
+
 const init = (type, row) => {
   dialogForm.value = true
   if (type == 'add') {
@@ -168,7 +176,6 @@ const submit = async () => {
       requestInfo.value.throwData(),
       personnel.value.throwData()
     ]);
-
     const datamasg = {
       ...infoData,
       qtBjzl: backinfoData.qtbjxx,
@@ -177,7 +184,8 @@ const submit = async () => {
       qttz: featinfoData,
       zyxx: demandsInfoData,
       sqfj: requestInfoData.fileList.length > 0 ? JSON.stringify(requestInfoData.fileList) : "",
-      zdryList: personnelData
+      zdryList: personnelData,
+      qtlx: props.qtlx
     }
 
     const res = await tbGsxtZdqtAdd(datamasg)
@@ -206,7 +214,7 @@ const submit = async () => {
       message: '新增成功',
       type: 'success',
     })
-
+    emit('updateDate')
     close()
   } catch (error) {
     console.log(error);
diff --git a/src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/index.vue b/src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/index.vue
index 3e0198d..3532f68 100644
--- a/src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/index.vue
+++ b/src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/index.vue
@@ -68,7 +68,7 @@
           <el-link size="small" type="primary" v-if="row.qtZt == '01'" @click="handleSend(row.id)">办结</el-link>
           <el-link size="small" type="success" v-if="row.qtZt == '01'" @click="addEdit('edit', row)">编辑</el-link>
           <el-link size="small" type="success" @click="addEdit('detail', row)">详情</el-link>
-          <el-link size="small" type="danger" @click="deleteRow(row.id)">删除</el-link>
+          <el-link size="small" type="danger" @click="deleteRow(row.id)" v-if="isShiQzDelet">删除</el-link>
         </template>
       </MyTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
@@ -97,6 +97,7 @@ import EditForm from "./components/addForm.vue";
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
 import { ElMessage } from "element-plus";
 import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import { getItem } from "@/utils/storage.js";
 const { proxy } = getCurrentInstance();
 const { D_GS_ZDR_CZZT, D_GS_BK_SQLX, D_GS_ZDQT_FXDJ, D_GS_ZDR_RYJB, D_GS_ZDQT_LB, D_GS_ZDR_BK_ZT, D_GS_BQ_LX, D_GS_ZDQT_ZT, D_BZ_SF, D_BZ_XB, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } = proxy.$dict("D_GS_ZDR_CZZT", "D_GS_BK_SQLX", "D_GS_ZDQT_FXDJ", "D_GS_ZDR_RYJB", "D_GS_ZDQT_LB", "D_GS_ZDR_BK_ZT", "D_GS_BQ_LX", "D_GS_ZDQT_ZT", "D_BZ_SF", "D_BZ_XB", "D_GS_XS_LY", "D_BZ_SSZT", "D_GS_XS_LX", "D_GS_XS_QTLX"); //获取字典数据
 const showzxs = ref(false);
@@ -185,8 +186,10 @@ const pageData = reactive({
     { label: "标签", prop: "bqList", showSolt: true, showOverflowTooltip: true, },
   ]
 });
-
+  const isShiQzDelet = ref(false)
 onMounted(() => {
+   const isShiQz = getItem('roleList').find(item => item.roleCode == 'JS_777777') != undefined
+  if (isShiQz) isShiQzDelet.value = true
   tabHeightFn();
   getList();
 });
diff --git a/src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/components/addForm.vue b/src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/components/addForm.vue
index deabea3..87c0458 100644
--- a/src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/components/addForm.vue
+++ b/src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/components/addForm.vue
@@ -114,7 +114,13 @@ const showBut = ref(false)
 const listQuery = ref({});
 const butShow = ref(false)
 const title = ref('新增')
-const showData=ref(false)
+const showData = ref(false)
+const props = defineProps({
+  rylx: {
+    type: String,
+    default: '01'
+  }
+})
 // 初始化数据
 const init = (type, row) => {
   dialogForm.value = true;
@@ -207,7 +213,7 @@ const submit = async () => {
     info.value.throwData()
     // personnelTags.value.throwData(),
   ]);
-  tbGsxtZdrySave({...infoData,rylx:'01'}).then(res => {
+  tbGsxtZdrySave({...infoData,rylx:props.rylx}).then(res => {
     proxy.$message({
       message: '新增成功',
       type: 'success',
diff --git a/src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/index.vue b/src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/index.vue
index 70d300b..35b76c3 100644
--- a/src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/index.vue
+++ b/src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/index.vue
@@ -117,6 +117,7 @@ import AddForm from "./components/addForm.vue";
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
 import { useRouter, useRoute } from 'vue-router'
+import { getItem } from "@/utils/storage.js";
 const router = useRouter()
 const route = useRoute()
 const { proxy } = getCurrentInstance();
@@ -188,9 +189,11 @@ const pageData = reactive({
     { label: "入库时间", prop: "zdrRkkssj", },
   ]
 });
-
+  const isShiQzDelet = ref(false)
 onMounted(() => {
-   tabHeightFn();
+  tabHeightFn();
+    const isShiQz = getItem('roleList').find(item => item.roleCode == 'JS_777777') != undefined
+  if (isShiQz) isShiQzDelet.value = true
   if (route.query.id) {
     addEdit('x', {
       id: route.query.id
diff --git a/src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/model/info.vue b/src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/model/info.vue
index 1fa62ba..8fdb9d5 100644
--- a/src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/model/info.vue
+++ b/src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/model/info.vue
@@ -17,7 +17,7 @@
           <div class="phone-input-container">
             <div class="inputGroup" v-for="(item, index) in listQuery.ryLxdh" :key="index">
               <el-input v-model="listQuery.ryLxdh[index]" class="group" placeholder="请输入电话号码" />
-              <div class="flex align-center but" v-if="showBut">
+              <div class="flex align-center but" >
                 <el-button type="primary" :icon="Plus" circle @click="addPhone" title="添加电话号码"
                   v-if="listQuery.ryLxdh.length - 1 == index" />
                 <el-button type="success" :icon="Minus" circle @click="removePhone(index)" title="删除电话号码" />
diff --git a/src/views/backOfficeSystem/ces/components/QueryFormPanel.vue b/src/views/backOfficeSystem/ces/components/QueryFormPanel.vue
new file mode 100644
index 0000000..ff96275
--- /dev/null
+++ b/src/views/backOfficeSystem/ces/components/QueryFormPanel.vue
@@ -0,0 +1,308 @@
+<template>
+  <section class="query-wrap">
+    <div class="query-title">{{ title }}</div>
+    <div class="query-grid">
+      <div v-for="field in renderFields" :key="field.key" class="query-cell">
+        <div class="cell-label">{{ field.label }}</div>
+        <div class="cell-control" :class="{ 'is-checkbox': field.type === 'checkbox' }">
+          <el-input clearable v-if="field.type === 'input'" v-model="formState[field.key]" class="control-input"
+            :placeholder="field.placeholder || ''" />
+          <el-input clearable v-else-if="field.type === 'number'" v-model="formState[field.key]" class="control-input"
+            type="number" :placeholder="field.placeholder || ''" />
+          <el-select clearable v-else-if="field.type === 'select'" v-model="formState[field.key]" class="control-select"
+            :placeholder="field.placeholder || '请选择'" :multiple="field.multiple || false" collapse-tags
+            collapse-tags-tooltip>
+            <el-option v-for="item in field.options || []" :key="item.value ?? item" :label="item.label ?? item"
+              :value="item.value ?? item" />
+          </el-select>
+          <el-date-picker clearable v-else-if="field.type === 'date'" v-model="formState[field.key]"
+            class="control-date" type="date" :placeholder="field.placeholder || '请选择日期'" value-format="YYYY-MM-DD" />
+          <el-date-picker clearable v-else-if="field.type === 'datetime'" v-model="formState[field.key]"
+            class="control-date" type="datetime" :placeholder="field.placeholder || '请选择时间'"
+            value-format="YYYY-MM-DD HH:mm:ss" />
+          <el-date-picker clearable v-else-if="field.type === 'daterange'" v-model="formState[field.key]"
+            class="control-date" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
+            value-format="YYYY-MM-DD" />
+          <el-date-picker clearable v-else-if="field.type === 'datetimerange'" v-model="formState[field.key]"
+            class="control-date" type="datetimerange" range-separator="至" start-placeholder="开始时间"
+            end-placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss" />
+          <template v-else-if="field.type === 'department'">
+            <MOSTY.Department clearable v-model="formState[field.key]" class="control-select" />
+          </template>
+          <div v-else-if="field.type === 'checkbox'" class=" checkbox-wrap">
+            <el-checkbox v-model="formState[field.key]" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="query-action">
+      <div>
+        <slot name="but"></slot>
+      </div>
+      <div>
+        <el-button size="small" type="primary" @click="handleSearch">{{ searchText }}</el-button>
+        <el-button size="small" type="button" @click="handleReset">重置 </el-button>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script setup>
+import { computed, reactive, watch } from 'vue'
+import * as MOSTY from "@/components/MyComponents/index";
+const props = defineProps({
+  title: {
+    type: String,
+    default: '查询条件'
+  },
+  searchText: {
+    type: String,
+    default: '查询'
+  },
+  fields: {
+    type: Array,
+    default: () => []
+  },
+  searchArr: {
+    type: Array,
+    default: () => []
+  }
+})
+
+const emit = defineEmits(['search', 'submit', 'reset'])
+const formState = reactive({})
+
+const renderFields = computed(() => {
+  const source = props.searchArr.length ? props.searchArr : props.fields
+  return source.map((field) => ({
+    ...field,
+    key: field.key || field.prop,
+    type: field.type || field.showType || 'input'
+  })).filter((field) => field.key)
+})
+
+const getResetValue = (field) => {
+  if (field.defaultVal !== undefined) {
+    return Array.isArray(field.defaultVal) ? [...field.defaultVal] : field.defaultVal
+  }
+  if (field.type === 'checkbox') {
+    return false
+  }
+  if (field.type === 'daterange' || field.type === 'datetimerange') {
+    return []
+  }
+  if (field.type === 'select') {
+    if (field.multiple) {
+      return []
+    }
+    return null
+  }
+  return ''
+}
+
+const buildResetPayload = () => {
+  const payload = {}
+  renderFields.value.forEach((field) => {
+    payload[field.key] = getResetValue(field)
+  })
+  return payload
+}
+
+const setFormState = (value = {}) => {
+  Object.keys(formState).forEach((key) => {
+    delete formState[key]
+  })
+  renderFields.value.forEach((field) => {
+    if (value[field.key] !== undefined) {
+      formState[field.key] = Array.isArray(value[field.key]) ? [...value[field.key]] : value[field.key]
+      return
+    }
+    formState[field.key] = getResetValue(field)
+  })
+}
+
+const getFormSnapshot = () => {
+  const snapshot = {}
+  renderFields.value.forEach((field) => {
+    const value = formState[field.key]
+    if (Array.isArray(value)) {
+      snapshot[field.key] = [...value]
+      return
+    }
+    snapshot[field.key] = value
+  })
+  return snapshot
+}
+
+const handleSearch = () => {
+  const payload = getFormSnapshot()
+  emit('search', payload)
+  emit('submit', payload)
+}
+
+const handleReset = () => {
+  const payload = buildResetPayload()
+  setFormState(payload)
+  emit('reset', true)
+  emit('search', payload)
+  emit('submit', payload)
+}
+
+watch(
+  renderFields,
+  () => {
+    setFormState(buildResetPayload())
+  },
+  { immediate: true }
+)
+
+defineExpose({
+  formState,
+  handleSearch,
+  handleReset
+})
+</script>
+
+<style scoped lang="scss">
+.query-wrap {
+  border: 1px solid #b8d3ff;
+  background: #fff;
+}
+
+.query-title {
+  height: 32px;
+  background: linear-gradient(to right, #9ed7ff, #e6f0f8);
+  line-height: 32px;
+  padding-left: 10px;
+  font-size: 16px;
+  font-weight: 700;
+  color: #0d2148;
+  border-bottom: 1px solid #b8d3ff;
+}
+
+.query-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.query-cell {
+  display: flex;
+  min-height: 40px;
+  border-right: 1px solid #b8d3ff;
+  border-bottom: 1px solid #b8d3ff;
+}
+
+.query-cell:nth-child(4n) {
+  border-right: 0;
+}
+
+.cell-label {
+  width: 130px;
+  flex-shrink: 0;
+  border-right: 1px solid #b8d3ff;
+  font-size: 14px;
+  color: #0d2148;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+}
+
+.cell-control {
+  flex: 1;
+  min-width: 0;
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+
+.cell-control.is-checkbox {
+  justify-content: center;
+  padding: 0;
+}
+
+.control-input,
+.control-select,
+.control-date {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+}
+
+:deep(.control-input .el-input__wrapper),
+:deep(.control-select .el-select__wrapper),
+:deep(.control-date .el-input__wrapper) {
+  width: 100%;
+  max-width: 100%;
+  min-height: 28px;
+  border-radius: 0;
+  box-shadow: 0 0 0 1px #b8d3ff inset;
+}
+
+:deep(.control-date.el-date-editor) {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+}
+
+:deep(.control-date.el-date-editor .el-range-input) {
+  min-width: 0;
+}
+
+:deep(.control-input .el-input__inner),
+:deep(.control-select .el-select__placeholder),
+:deep(.control-date .el-input__inner) {
+  font-size: 14px;
+  color: #0d2148;
+}
+
+:deep(.control-date .el-range-input) {
+  font-size: 14px;
+  color: #0d2148;
+}
+
+:deep(.control-date .el-range__icon),
+:deep(.control-date .el-range__close-icon) {
+  line-height: 1;
+}
+
+.checkbox-wrap {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+:deep(.checkbox-wrap .el-checkbox) {
+  margin-right: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
+:deep(.checkbox-wrap .el-checkbox__inner) {
+  width: 14px;
+  height: 14px;
+}
+
+.query-action {
+  height: 36px;
+  display: flex;
+  // justify-content: flex-end;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 8px;
+}
+
+.search-btn {
+  height: 26px;
+  min-width: 70px;
+  border: 1px solid #0f5bbd;
+  background: #0f5bbd;
+  color: #fff;
+  font-size: 14px;
+  cursor: pointer;
+}
+</style>
diff --git a/src/views/backOfficeSystem/ces/components/WarnDataTable.vue b/src/views/backOfficeSystem/ces/components/WarnDataTable.vue
new file mode 100644
index 0000000..c1b546c
--- /dev/null
+++ b/src/views/backOfficeSystem/ces/components/WarnDataTable.vue
@@ -0,0 +1,170 @@
+<template>
+  <section class="table-wrap">
+    <div class="table-box">
+      <el-table ref="tableRef" v-loading="loading" :data="data" :row-key="rowKey" border stripe class="warn-data-table"
+        @selection-change="onSelectionChange" :height="height">
+        <el-table-column v-if="selectionMode !== 'none'" type="selection" :width="selectionColumnWidth"
+          :align="selectionColumnAlign" />
+        <el-table-column v-for="column in columns" :key="column.prop || column.label || column.type" :prop="column.prop"
+          :type="column.type" :label="column.label" :width="column.width" :min-width="column.minWidth"
+          :align="column.align" :show-overflow-tooltip="true">
+          <template v-if="column.slotName" #default="scope">
+            <slot v-if="column.slotName" :name="column.slotName" :row="scope.row" :column="column"
+              :$index="scope.$index">
+              {{ column.prop ? scope.row[column.prop] : '' }}
+            </slot>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </section>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+
+const props = defineProps({
+  data: {
+    type: Array,
+    default: () => []
+  },
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  selectionMode: {
+    type: String,
+    default: 'multiple'
+  },
+  rowKey: {
+    type: [String, Function],
+    default: 'id'
+  },
+  selectionColumnWidth: {
+    type: Number,
+    default: 38
+  },
+  selectionColumnAlign: {
+    type: String,
+    default: 'center'
+  },
+  toolbarActions: {
+    type: Array,
+    default: () => [
+      { key: 'sign', text: '批量签收', red: true },
+      { key: 'export', text: '批量导出' },
+      { key: 'analysis', text: '批量分析' },
+      { key: 'count', text: '计算人数' }
+    ]
+  },
+  tableHeight: {
+    type: [Number, String],
+    default: '600px'
+  },
+  loading: {
+    type: Boolean,
+    default: false
+  }
+})
+const height = ref()
+watch(() => props.tableHeight, (newVal) => {
+  if (newVal) {
+    height.value = newVal
+  }
+})
+const emit = defineEmits(['selection-change', 'row-change'])
+const tableRef = ref()
+
+const onSelectionChange = (selection) => {
+  if (props.selectionMode === 'single' && selection.length > 1) {
+    const selectedRow = selection[selection.length - 1]
+    tableRef.value.clearSelection()
+    tableRef.value.toggleRowSelection(selectedRow, true)
+    emit('selection-change', [selectedRow])
+    emit('row-change', selectedRow)
+    return
+  }
+  emit('selection-change', selection)
+  emit('row-change', selection[0] || null)
+}
+</script>
+
+<style scoped lang="scss">
+.table-wrap {
+  margin-top: 10px;
+  background: #fff;
+}
+
+:deep(.el-table--fit) {
+  position: static;
+  // width: calc(100% - 20px) !important;
+  height: calc(100% - 100px);
+}
+
+.tool-bar {
+  height: 24px;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  font-size: 14px;
+  color: #1f56ab;
+}
+
+.tool-link {
+  cursor: pointer;
+}
+
+.tool-link.red {
+  color: #e51414;
+}
+
+.table-box {
+  border: 1px solid #b5ccf2;
+  overflow: hidden;
+}
+
+:deep(.warn-data-table) {
+  width: 100%;
+}
+
+:deep(.warn-data-table .el-table__inner-wrapper::before) {
+  display: none;
+}
+
+:deep(.warn-data-table .el-table__header-wrapper th.el-table__cell) {
+  background: #16263e !important;
+  color: #fff !important;
+  border-color: #b5ccf2;
+  padding:0;
+}
+
+:deep(.warn-data-table .el-table__header-wrapper th.el-table__cell .cell) {
+  text-align: center;
+  overflow: visible;
+  white-space: normal;
+  text-overflow: clip;
+  word-break: break-word;
+}
+
+:deep(.warn-data-table .el-table__body-wrapper td.el-table__cell) {
+  border-color: #b5ccf2;
+  padding: 3px 0;
+}
+
+:deep(.warn-data-table .el-table__cell) {
+  font-size: 13px;
+  color: #0f223f;
+}
+
+:deep(.warn-data-table .el-table__cell .cell) {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+:deep(.warn-data-table.el-table--border::after),
+:deep(.warn-data-table.el-table--group::after),
+:deep(.warn-data-table::before) {
+  background-color: #b5ccf2;
+}
+</style>
diff --git a/src/views/backOfficeSystem/ces/index.vue b/src/views/backOfficeSystem/ces/index.vue
new file mode 100644
index 0000000..e2e8700
--- /dev/null
+++ b/src/views/backOfficeSystem/ces/index.vue
@@ -0,0 +1,139 @@
+<template>
+  <div class="ces-page">
+    <QueryFormPanel :fields="queryFields" @search="handleSearch" />
+    <WarnDataTable :data="tableData" :columns="columns" :selection-mode="selectionMode" :loading="loading">
+      <template #status="{ row }">
+        <span class="status" :class="row.statusClass">{{ row.status }}</span>
+      </template>
+      <template #level="{ row }">
+        <span class="level" :class="row.levelClass">{{ row.level }}</span>
+      </template>
+      <template #operation>
+        <span class="operation">签收 详情 指派 报错 关注</span>
+      </template>
+      <template #timeout="{ row }">
+        <span class="timeout">{{ row.timeout }}</span>
+      </template>
+    </WarnDataTable>
+  </div>
+</template>
+<script setup>
+import { ref } from 'vue'
+import QueryFormPanel from './components/QueryFormPanel.vue'
+import WarnDataTable from './components/WarnDataTable.vue'
+
+const selectionMode = ref('multiple')
+const loading = ref(false)
+const lastQueryParams = ref({})
+
+const handleSearch = (params) => {
+  lastQueryParams.value = params
+}
+
+const queryFields = [
+  { key: 'warnDate', label: '预警时间', type: 'input', placeholder: '年 / 月 / 日' },
+  { key: 'warnLevel', label: '预警级别', type: 'select', options: ['全部', '红色', '橙色', '黄色', '蓝色'] },
+  { key: 'receiveUnit', label: '接收单位', type: 'input' },
+  { key: 'relatedWarn', label: '关联预警', type: 'checkbox' },
+  { key: 'name', label: '姓名（精确、模糊）', type: 'input' },
+  { key: 'gender', label: '性别', type: 'select', options: ['全部', '男', '女'] },
+  { key: 'timeout', label: '超时状态', type: 'select', options: ['全部', '超时签收', '超时反馈'] },
+  { key: 'personType', label: '人员类别', type: 'select', options: ['全部', '刑事前科类', '在逃人员', '重点关注'] },
+  { key: 'focus', label: '重点关注', type: 'checkbox' },
+  { key: 'secondDispatch', label: '二次指派', type: 'checkbox' },
+  { key: 'idCard', label: '身份证号码（精确、模糊）', type: 'input' },
+  { key: 'age', label: '年龄', type: 'input' },
+  { key: 'warnCount', label: '预警次数', type: 'input' },
+  { key: 'personLevel', label: '人员级别', type: 'select', options: ['全部', '一级', '二级', '三级'] },
+  { key: 'traceType', label: '轨迹类别', type: 'select', options: ['全部', '人校核查', '轨迹追踪'] },
+  { key: 'activePlace', label: '活动发生地模糊查询', type: 'input' },
+  { key: 'groupType', label: '人员组类模糊查询', type: 'input' }
+]
+
+const columns = [
+  { type: 'index', label: '序号', width: 60, align: 'center' },
+  { label: '预警状态', width: 86, align: 'center', slotName: 'status' },
+  { prop: 'time', label: '预警时间', width: 150 },
+  { prop: 'name', label: '人员姓名', width: 80 },
+  { prop: 'idCard', label: '身份证号', width: 158 },
+  { prop: 'gender', label: '性别', width: 56, align: 'center' },
+  { prop: 'age', label: '年龄', width: 56, align: 'center' },
+  { label: '预警级别', width: 88, align: 'center', slotName: 'level' },
+  { prop: 'category', label: '人员类别', width: 108 },
+  { prop: 'group', label: '人员组类', width: 92 },
+  { prop: 'trace', label: '轨迹类别', width: 92 },
+  { prop: 'place', label: '活动发生地', minWidth: 130 },
+  { prop: 'unit', label: '接收单位', width: 100 },
+  { prop: 'count', label: '预警次数', width: 80, align: 'center' },
+  { label: '操作', width: 180, slotName: 'operation' },
+  { label: '超时状态', width: 80, align: 'center', slotName: 'timeout' }
+]
+
+const tableData = [
+  { id: 1, status: '未签收', statusClass: 'danger', time: '2026-03-10 14:23:05', name: '张三', idCard: '513701199606095613', gender: '男', age: 30, level: '蓝色', levelClass: 'blue', category: '刑事前科类', group: '盗窃案', trace: '人校核查', place: '波密县玉许检查站出口', unit: '波密县公安局', count: 13, timeout: '' },
+  { id: 2, status: '已签收', statusClass: 'ok', time: '2026-03-10 13:15:30', name: '曾海峰', idCard: '513701199606095613', gender: '男', age: 31, level: '红色', levelClass: 'red', category: '刑事前科类', group: '盗窃案', trace: '人校核查', place: '波密县玉许检查站', unit: '波密县公安局', count: 14, timeout: '超时签收' },
+  { id: 3, status: '已签收', statusClass: 'ok', time: '2026-03-10 12:08:45', name: '曾海峰', idCard: '513701199606095613', gender: '男', age: 32, level: '红色', levelClass: 'red', category: '刑事前科类', group: '盗窃案', trace: '人校核查', place: '波密县玉许检查站', unit: '波密县公安局', count: 15, timeout: '' },
+  { id: 4, status: '已反馈', statusClass: 'ok', time: '2026-03-10 11:42:18', name: '曾海峰', idCard: '513701199606095613', gender: '男', age: 33, level: '红色', levelClass: 'red', category: '刑事前科类', group: '盗窃案', trace: '人校核查', place: '波密县玉许检查站', unit: '波密县公安局', count: 16, timeout: '' },
+  { id: 5, status: '未签收', statusClass: 'danger', time: '2026-03-09 16:30:22', name: '李明', idCard: '510105199203156789', gender: '男', age: 34, level: '橙色', levelClass: 'orange', category: '刑事前科类', group: '诈骗案', trace: '轨迹追踪', place: '成都市武侯区人民南路', unit: '武侯区公安局', count: 8, timeout: '超时签收' },
+  { id: 6, status: '已签收', statusClass: 'ok', time: '2026-03-09 15:20:11', name: '王丽', idCard: '320106198807234561', gender: '女', age: 38, level: '黄色', levelClass: 'yellow', category: '重点关注', group: '涉毒人员', trace: '人校核查', place: '南京市鼓楼区中央路', unit: '鼓楼区公安局', count: 5, timeout: '' },
+  { id: 7, status: '未签收', statusClass: 'danger', time: '2026-03-09 10:05:33', name: '赵强', idCard: '440101199505189012', gender: '男', age: 31, level: '红色', levelClass: 'red', category: '在逃人员', group: '抢劫案', trace: '轨迹追踪', place: '广州市荔湾区芳村大道', unit: '荔湾区公安局', count: 22, timeout: '超时签收' },
+  { id: 8, status: '已反馈', statusClass: 'ok', time: '2026-03-08 22:18:44', name: '陈静', idCard: '350102199108267890', gender: '女', age: 35, level: '蓝色', levelClass: 'blue', category: '刑事前科类', group: '盗窃案', trace: '人校核查', place: '福州市鼓楼区东街口', unit: '鼓楼区公安局', count: 3, timeout: '' },
+  { id: 9, status: '已签收', statusClass: 'ok', time: '2026-03-08 18:45:09', name: '孙伟', idCard: '210102199307123456', gender: '男', age: 33, level: '橙色', levelClass: 'orange', category: '重点关注', group: '逃犯人员', trace: '轨迹追踪', place: '沈阳市和平区太原街', unit: '和平区公安局', count: 11, timeout: '' },
+  { id: 10, status: '未签收', statusClass: 'danger', time: '2026-03-08 09:30:56', name: '周芳', idCard: '420106199612085678', gender: '女', age: 30, level: '黄色', levelClass: 'yellow', category: '刑事前科类', group: '故意伤害', trace: '人校核查', place: '武汉市武昌区中南路', unit: '武昌区公安局', count: 7, timeout: '' }
+]
+</script>
+<style scoped lang="scss">
+.ces-page {
+  width: 100%;
+  padding: 8px;
+  box-sizing: border-box;
+  background: #fff;
+}
+
+.status {
+  color: #0f5bbd;
+}
+
+.status.danger {
+  color: #ff2424;
+}
+
+.status.ok {
+  color: #1d72e8;
+}
+
+.level {
+  display: inline-block;
+  min-width: 42px;
+  line-height: 1.2;
+  color: #fff;
+  font-weight: 700;
+  text-align: center;
+  padding: 2px 6px;
+}
+
+.level.red {
+  background: #e11212;
+}
+
+.level.orange {
+  background: #f39a14;
+}
+
+.level.yellow {
+  background: #d9bb17;
+}
+
+.level.blue {
+  background: #1b76eb;
+}
+
+.operation {
+  color: #1b59bf;
+}
+
+.timeout {
+  color: #ff1f1f;
+  text-align: center;
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/YjData/index.vue b/src/views/backOfficeSystem/fourColorManage/YjData/index.vue
index 0ac2b53..4ed606f 100644
--- a/src/views/backOfficeSystem/fourColorManage/YjData/index.vue
+++ b/src/views/backOfficeSystem/fourColorManage/YjData/index.vue
@@ -2,19 +2,22 @@
   <div>
     <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
       <template #left>
-        <el-button v-for="(item,index) in butList" :key="index" :type="qh == item ? 'primary' : 'default'" @click="qh = item" size="small">{{item}}</el-button>
+        <el-button v-for="(item, index) in butList" :key="index" :type="qh == item ? 'primary' : 'default'"
+          @click="qh = item" size="small">{{ item }}</el-button>
       </template>
     </PageTitle>
-    <FouColorWarning v-if="qh=='预警整合'" />
-    <SevenWarning v-if="qh=='七类重点'" />
-    <PortraitWarning v-if="qh=='人像预警'" />
-    <VehicleWarning v-if="qh=='车辆预警'" />
-    <ControlWarning v-if="qh=='布控预警'" />
-    <RegionalControl v-if="qh=='区域预警'" />
-    <WrjWarning v-if="qh=='无人机预警'" />
-    <IdentityWarning v-if="qh=='身份预警'" />
-    <BehaviorWarning v-if="qh=='行为预警'" />
-    <CombinedWarning v-if="qh=='组合预警'" />
+    <FouColorWarning v-if="qh == '预警整合'" />
+    <SevenWarning v-if="qh == '七类重点'" />
+    <PortraitWarning v-if="qh == '人像预警'" />
+    <VehicleWarning v-if="qh == '车辆预警'" />
+    <ControlWarning v-if="qh == '布控预警'" />
+    <RegionalControl v-if="qh == '区域预警'" />
+    <WrjWarning v-if="qh == '无人机预警'" />
+    <PoliticalSecurityWarning v-if="qh == '政保预警'" />
+    <IdentityWarning v-if="qh == '身份预警'" />
+    <BehaviorWarning v-if="qh == '行为预警'" />
+    <CombinedWarning v-if="qh == '组合预警'" />
+    <!-- <Cs v-if="qh == '测试'" /> -->
   </div>
 </template>
 <script setup>
@@ -30,23 +33,30 @@ import VehicleWarning from "@/views/backOfficeSystem/fourColorManage/warningList
 import ControlWarning from "@/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/index.vue"
 import RegionalControl from "@/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/index.vue"
 import WrjWarning from "@/views/backOfficeSystem/fourColorManage/warningControl/wrjWarning/index.vue"
+import PoliticalSecurityWarning from "@/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/index.vue"
+
+import Cs from '@/views/backOfficeSystem/ces/index.vue'
 import { onMounted, ref } from "vue";
-const butList=ref(["预警整合","七类重点","人像预警","车辆预警","布控预警","区域预警","无人机预警",])
+
+const butList = ref(["七类重点", '政保预警', "人像预警", "车辆预警", "布控预警", "区域预警", "无人机预警", "预警整合",])
 const qh = ref('预警整合')
 const hasPermissin = ref(false)
 onMounted(() => {
   // rolCode : 市情指领导(JS_666666)、市情指权限(JS_777777)、县情指权限(JS_888888)、县情指领导权限(JS_999999);
   // depCode : 市情指领导(513030199509084123 )、市情指(340827200404141028)、县情指领导(540421196805217650)、朗县公安局指挥中心（县情指）(540422200010197030)、朗县公安局县城派出所（部门）(513425199305205211)
-  let rolCode = ['JS_666666','JS_777777','JS_888888','JS_999999']
-  let depCode = ['513030199509084123','340827200404141028','540421196805217650','540422200010197030','513425199305205211']
+  let rolCode = ['JS_666666', 'JS_777777', 'JS_888888', 'JS_999999']
+  let depCode = ['513030199509084123', '340827200404141028', '540421196805217650', '540422200010197030', '513425199305205211']
   let roleData = getItem('roleList');
   let deptData = getItem('deptId');
   roleData.forEach(item => {
-    if(rolCode.includes(item.roleCode)) hasPermissin.value = true
+    if (rolCode.includes(item.roleCode)) hasPermissin.value = true
   })
   deptData.forEach(item => {
-    if(depCode.includes(item.deptCode)) hasPermissin.value = true
+    if (depCode.includes(item.deptCode)) hasPermissin.value = true
   })
-  if(hasPermissin.value) butList.value = [...butList.value,...["身份预警","行为预警","组合预警"]]
+  if (hasPermissin.value) {
+    const data = butList.value.filter(item => item !== "预警整合")
+    butList.value = [...data, ...["身份预警", "行为预警", "组合预警", "预警整合"]]
+  }
 })
 </script>
diff --git a/src/views/backOfficeSystem/fourColorManage/tagManage copy/components/editAddForm.vue b/src/views/backOfficeSystem/fourColorManage/tagManage copy/components/editAddForm.vue
deleted file mode 100644
index e73f455..0000000
--- a/src/views/backOfficeSystem/fourColorManage/tagManage copy/components/editAddForm.vue	
+++ /dev/null
@@ -1,324 +0,0 @@
-<template>
-  <div class="dialog" v-if="dialogForm">
-    <div class="head_box">
-      <span class="title">组合标签管理{{ title }} </span>
-      <div>
-        <el-button
-          type="primary"
-          size="small"
-          :loading="loading"
-          @click="submit"
-          >保存</el-button
-        >
-        <el-button size="small" @click="close">关闭</el-button>
-      </div>
-    </div>
-    <div class="form_cnt">
-      <FormMessage
-        v-model="listQuery"
-        :formList="formData"
-        ref="elform"
-        :rules="rules"
-      >
-        <!-- 身份标签细类 -->
-        <template #sfbqIdList>
-          <el-button @click="openDialog('01')">选择</el-button>
-          <div class="boxlist">
-            <MyTable
-              :tableData="tableDate.sfbqIdList"
-              :tableColumn="tableDate.tableColumn"
-              :tableHeight="tableDate.tableHeight"
-              :key="tableDate.keyCount"
-              :tableConfiger="tableDate.tableConfiger"
-              :controlsWidth="tableDate.controlsWidth"
-            >
-              <template #bqLx="{ row }">
-                <DictTag
-                  :value="row.bqLx"
-                  :tag="false"
-                  :options="props.dic.D_GS_BQ_LX"
-                />
-              </template>
-              <template #bqLb="{ row }">
-                <DictTag
-                  :value="row.bqLb"
-                  :tag="false"
-                  :options="props.dic.D_GS_BQ_LB"
-                />
-              </template>
-              <template #bqYs="{ row }">
-                <DictTag
-                  :value="row.bqYs"
-                  :tag="false"
-                  :options="props.dic.D_GS_SSYJ"
-                />
-              </template>
-              <template #bqDj="{ row }">
-                <DictTag
-                  :tag="false"
-                  :value="row.bqDj"
-                  :options="props.dic.D_GS_BQ_DJ"
-                />
-              </template>
-              <!-- 操作 -->
-              <template #controls="{ row }">
-                <el-link
-                  type="danger"
-                  @click="delDictItem(row.id, '身份标签细类')"
-                  >删除</el-link
-                >
-              </template>
-            </MyTable>
-          </div>
-        </template>
-        <!-- 行为标签细类 -->
-        <template #xwbqIdList>
-          <el-button @click="openDialog('02')">选择</el-button>
-          <div class="boxlist">
-            <MyTable
-              :tableData="tableDate.xwbqIdList"
-              :tableColumn="tableDate.tableColumn"
-              :tableHeight="tableDate.tableHeight"
-              :key="tableDate.keyCount"
-              :tableConfiger="tableDate.tableConfiger"
-              :controlsWidth="tableDate.controlsWidth"
-            >
-              <template #bqLx="{ row }">
-                <DictTag
-                  :value="row.bqLx"
-                  :tag="false"
-                  :options="props.dic.D_GS_BQ_LX"
-                />
-              </template>
-              <template #bqLb="{ row }">
-                <DictTag
-                  :value="row.bqLb"
-                  :tag="false"
-                  :options="props.dic.D_GS_BQ_LB"
-                />
-              </template>
-              <template #bqYs="{ row }">
-                <DictTag
-                  :value="row.bqYs"
-                  :tag="false"
-                  :options="props.dic.D_GS_SSYJ"
-                />
-              </template>
-              <template #bqDj="{ row }">
-                <DictTag
-                  :tag="false"
-                  :value="row.bqDj"
-                  :options="props.dic.D_GS_BQ_DJ"
-                />
-              </template>
-              <!-- 操作 -->
-              <template #controls="{ row }">
-                <el-link
-                  type="danger"
-                  @click="delDictItem(row.id, '行为标签细类')"
-                  >删除</el-link
-                >
-              </template>
-            </MyTable>
-          </div>
-        </template>
-      </FormMessage>
-    </div>
-    <!-- 列表弹窗 -->
-    <DialogList
-      :Single="false"
-      :roleIds="roleIds"
-      v-if="chooseShow"
-      :dic="props.dic"
-      @chooseDate="chooseDate"
-      :titleValue="chooseTitle"
-      v-model="chooseShow"
-      :bqLx="chooseType"
-      bqDl="02"
-    ></DialogList>
-  </div>
-</template>
-
-<script setup>
-import MyTable from "@/components/aboutTable/MyTable.vue";
-import DialogList from "@/views/backOfficeSystem/fourColorManage/components/dialogList.vue";
-import FormMessage from "@/components/aboutTable/FormMessage.vue";
-import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
-import {
-  ref,
-  defineExpose,
-  defineProps,
-  reactive,
-  defineEmits,
-  getCurrentInstance
-} from "vue";
-const emit = defineEmits(["updateDate"]);
-const { proxy } = getCurrentInstance();
-const props = defineProps({
-  dic: Object
-});
-const roleIds = ref([]); //角色id
-const chooseType = ref("01"); //选择弹窗类型
-const chooseShow = ref(false); //选择弹窗
-const chooseTitle = ref(""); //选择弹窗
-const dialogForm = ref(false); //弹窗
-const formData = reactive([
-  { label: "组合标签名称", prop: "bqMc", type: "input" },
-  { label: "组合标签代码", prop: "bqDm", type: "input" },
-  // {
-  //   label: "标签等级",
-  //   prop: "bqDj",
-  //   type: "select",
-  //   options: props.dic.D_GS_BQ_DJ
-  // },
-  {
-    label: "标签颜色",
-    prop: "bqYs",
-    type: "select",
-    options: props.dic.D_GS_SSYJ
-  },
-  { label: "组合标签分值", prop: "bqFz", type: "input" },
-  { label: "组合标签说明", prop: "bqSm", type: "input" },
-  { label: "身份标签细类", prop: "sfbqIdList", type: "slot", width: "100%" },
-  { label: "行为标签细类", prop: "xwbqIdList", type: "slot", width: "100%" }
-]);
-const rules = reactive({
-  bqMc: [{ required: true, message: "请输入组合标签名称", trigger: "blur" }],
-  bqDm: [{ required: true, message: "请输入组合标签代码", trigger: "blur" }],
-  zhbqjf: [{ required: true, message: "请输入组合标签积分", trigger: "blur" }],
-  sfbqIdList: [
-    { required: true, message: "请选择身份标签细类", trigger: "change" }
-  ],
-  xwbqIdList: [
-    { required: true, message: "请选择行为标签细类", trigger: "change" }
-  ]
-});
-
-const tableDate = reactive({
-  sfbqIdList: [], //表格数据
-  xwbqIdList: [], //表格数据
-  keyCount: 0,
-  tableConfiger: {
-    rowHieght: 61,
-    showSelectType: "null",
-    loading: false
-  },
-  total: 0,
-  tableHeight: 225,
-  pageConfiger: {
-    pageSize: 20,
-    pageCurrent: 1
-  }, //分页
-  controlsWidth: 90, //操作栏宽度
-  tableColumn: [
-    { label: "标签名称", prop: "bqMc", showOverflowTooltip: true },
-    { label: "标签代码", prop: "bqDm" },
-    { label: "标签大类名称", prop: "bqDlMc" },
-    { label: "标签类型", prop: "bqLx", showSolt: true },
-    { label: "标签类别", prop: "bqLb", showSolt: true },
-    { label: "标签颜色", prop: "bqYs", showSolt: true },
-    { label: "标签等级", prop: "bqDj", showSolt: true }
-  ]
-});
-const listQuery = ref({}); //表单
-const loading = ref(false);
-const elform = ref();
-const title = ref("");
-// 初始化数据
-const init = (type, row) => {
-  dialogForm.value = true;
-  title.value = type == "add" ? "新增" : "编辑";
-  if (row) getDataById(row.id);
-};
-// 根据id查询详情
-const getDataById = (id) => {
-  qcckGet({}, "/mosty-gsxt/tbGsxtBqzh/selectVoById/" + id).then((res) => {
-    listQuery.value = res;
-    tableDate.sfbqIdList = res.sfbqList;
-    listQuery.value.sfbqIdList = res.sfbqList.map((item) => item.id);
-    tableDate.xwbqIdList = res.xwbqList;
-    listQuery.value.xwbqIdList = res.xwbqList.map((item) => item.id);
-    tableDate.keyCount++;
-  });
-};
-
-// 提交
-const submit = () => {
-  elform.value.submit((data) => {
-    let url =
-      title.value == "新增"
-        ? "/mosty-gsxt/tbGsxtBqzh/save"
-        : "/mosty-gsxt/tbGsxtBqzh/update";
-    let params = { ...data };
-    loading.value = true;
-    qcckPost(params, url)
-      .then((res) => {
-        proxy.$message({ type: "success", message: title.value + "成功" });
-        emit("updateDate");
-        loading.value = false;
-        close();
-      })
-      .catch(() => {
-        loading.value = false;
-      });
-  });
-};
-// 打开弹窗
-const openDialog = (type) => {
-  chooseShow.value = true;
-  chooseType.value = type;
-  chooseTitle.value = type == "01" ? "选择身份标签细类" : "选择行为标签细类";
-  roleIds.value =
-    type == "01"
-      ? tableDate.sfbqIdList.map((item) => item.id)
-      : tableDate.xwbqIdList.map((item) => item.id);
-};
-// 选择数据
-const chooseDate = (data) => {
-  if (chooseType.value == "01") {
-    tableDate.sfbqIdList = data;
-    listQuery.value.sfbqIdList = tableDate.sfbqIdList.map((item) => item.id);
-  } else {
-    tableDate.xwbqIdList = data;
-    listQuery.value.xwbqIdList = tableDate.xwbqIdList.map((item) => item.id);
-  }
-};
-
-// 删除
-const delDictItem = (id, type) => {
-  switch (type) {
-    case "身份标签细类":
-      tableDate.sfbqIdList = tableDate.sfbqIdList.filter(
-        (item) => item.id !== id
-      );
-      listQuery.value.sfbqIdList = tableDate.sfbqIdList.map((item) => item.id);
-      break;
-    case "行为标签细类":
-      tableDate.xwbqIdList = tableDate.xwbqIdList.filter(
-        (item) => item.id !== id
-      );
-      listQuery.value.xwbqIdList = tableDate.xwbqIdList.map((item) => item.id);
-      break;
-  }
-};
-// 关闭
-const close = () => {
-  listQuery.value = {};
-  tableDate.sfbqIdList = [];
-  tableDate.xwbqIdList = [];
-  dialogForm.value = false;
-  loading.value = false;
-};
-defineExpose({ init });
-</script>
-
-<style lang="scss" scoped>
-@import "~@/assets/css/layout.scss";
-@import "~@/assets/css/element-plus.scss";
-.boxlist {
-  width: 99%;
-  height: 225px;
-  margin-top: 10px;
-  overflow: hidden;
-}
-</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/tagManage copy/index.vue b/src/views/backOfficeSystem/fourColorManage/tagManage copy/index.vue
deleted file mode 100644
index 1a705cb..0000000
--- a/src/views/backOfficeSystem/fourColorManage/tagManage copy/index.vue	
+++ /dev/null
@@ -1,178 +0,0 @@
-<template>
-  <div>
-
-    <!-- 搜索 -->
-    <div ref="searchBox"  class="mt10">
-      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
-    </div>
-       <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
-      <template #left>
-        <!-- <el-button>
-          <span style="vertical-align: middle">调级</span>
-        </el-button>
-        <el-button>
-          <span style="vertical-align: middle">导出</span>
-        </el-button>
-        <el-button>
-          <span style="vertical-align: middle">导入</span>
-        </el-button> -->
-        <el-button size="small" type="primary" @click="addEdit('add', '')">
-          <el-icon style="vertical-align: middle">
-            <CirclePlus />
-          </el-icon>
-          <span style="vertical-align: middle">新增</span>
-        </el-button>
-        </template>
-      </PageTitle>
-    <!-- 表格 -->
-    <div class="tabBox">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
-        <template #bqYs="{ row }">
-          <DictTag :value="row.bqYs" :tag="false" :options="D_GS_SSYJ" />
-        </template>
-        <template #bqDj="{ row }">
-          <DictTag :tag="false" :value="row.bqDj" :options="D_GS_BQ_DJ" />
-        </template>
-        <!-- 操作 -->
-        <template #controls="{ row }">
-          <el-link type="primary" @click="chooseJfFun(row)">配置系统</el-link>
-          <el-link type="primary" @click="addEdit('edit', row)">编辑</el-link>
-          <el-link type="danger" @click="delDictItem(row.id)">删除</el-link>
-        </template>
-      </MyTable>
-      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
-        ...pageData.pageConfiger,
-        total: pageData.total
-      }"></Pages>
-    </div>
-    <!-- 编辑详情 -->
-    <EditAddForm v-if="show" ref="detailDiloag" :dic="{ D_GS_BQ_LX, D_GS_BQ_DJ, D_GS_SSYJ, D_GS_BQ_LB }"
-      @updateDate="getList" />
-<ChooseJf v-model="chooseJfShow" titleValue="选择系数"  :Single="false"
-   :chooseJfBh="chooseJfBh"  url="/tbGsxtBqzh/sjxspz" :roleIds="roleIds"/>
-  </div>
-</template>
-
-<script setup>
-import PageTitle from "@/components/aboutTable/PageTitle.vue";
-import MyTable from "@/components/aboutTable/MyTable.vue";
-import Pages from "@/components/aboutTable/Pages.vue";
-import Search from "@/components/aboutTable/Search.vue";
-import EditAddForm from "./components/editAddForm.vue";
-import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
-import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
-import { tbGsxtBqzhId } from "@/api/yj.js";
-import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
-const { proxy } = getCurrentInstance();
-const { D_GS_BQ_DJ, D_GS_SSYJ, D_GS_BQ_LB, D_GS_BQ_LX } = proxy.$dict("D_GS_BQ_DJ", "D_GS_SSYJ", "D_GS_BQ_LB", "D_GS_BQ_LX"); //获取字典数据
-const detailDiloag = ref();
-const show = ref(false)
-const searchBox = ref(); //搜索框
-const searchConfiger = ref(
-  [
-    { label: "组合标签名称", prop: 'bqMc', placeholder: "请输入组合标签名称", showType: "input" },
-    // { label: "组合标签标签等级", prop: 'bqDj', placeholder: "请选择组合标签标签等级", showType: "select",options: D_GS_BQ_DJ   },
-    { label: "组合标签颜色", prop: 'bqYs', placeholder: "请选择组合标签标签颜色", showType: "select", options: D_GS_SSYJ },
-  ]);
-const queryFrom = ref({});
-const pageData = reactive({
-  tableData: [], //表格数据
-  keyCount: 0,
-  tableConfiger: {
-    rowHieght: 61,
-    showSelectType: "null",
-    loading: false
-  },
-  total: 0,
-  pageConfiger: {
-    pageSize: 20,
-    pageCurrent: 1
-  }, //分页
-  controlsWidth: 160, //操作栏宽度
-  tableColumn: [
-    { label: "组合标签名称", prop: "bqMc" },
-    { label: "标签代码", prop: "bqDm" },
-    // { label: "组合标签等级", prop: "bqDj",showSolt:true },
-    { label: "组合标签颜色", prop: "bqYs", showSolt: true },
-    { label: "组合标签分值", prop: "bqFz" },
-    { label: "组合标签说明", prop: "bqSm", showOverflowTooltip: true },
-  ]
-});
-onMounted(() => {
-  tabHeightFn();
-  getList()
-});
-
-
-// 搜索
-const onSearch = (val) => {
-  queryFrom.value = { ...val }
-  pageData.pageConfiger.pageCurrent = 1;
-  getList()
-}
-
-const changeNo = (val) => {
-  pageData.pageConfiger.pageCurrent = val;
-  getList()
-}
-const changeSize = (val) => {
-  pageData.pageConfiger.pageSize = val;
-  getList()
-}
-
-const getList = () => {
-  pageData.tableConfiger.loading = true;
-  qcckGet(queryFrom.value, '/mosty-gsxt/tbGsxtBqzh/selectPage').then((res) => {
-    pageData.tableData = res.records;
-    pageData.total = res.total;
-    pageData.tableConfiger.loading = false;
-  }).catch(() => {
-    pageData.tableConfiger.loading = false;
-  })
-}
-
-
-// 删除
-const delDictItem = (id) => {
-  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
-    qcckDelete({}, '/mosty-gsxt/tbGsxtBqzh/' + id).then(() => {
-      proxy.$message({ type: "success", message: "删除成功" });
-      getList();
-    })
-  }).catch(() => { });
-}
-
-// 新增
-const addEdit = (type, row) => {
-  show.value = true;
-  nextTick(() => {
-    detailDiloag.value.init(type, row,);
-  })
-};
-// 选择系数
-const chooseJfShow = ref(false)
-const chooseJfBh = ref()
-const roleIds=ref()
-const chooseJfFun = (val) => {
-  chooseJfBh.value=val.id
-  tbGsxtBqzhId(val.id).then(res => {
-  roleIds.value=res.sjxspzList.map(item => item.xsid)
-  chooseJfShow.value = true
-})
-}
-
-// 表格高度计算
-const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
-  window.onresize = function () {
-    tabHeightFn();
-  };
-};
-</script>
-
-<style>
-.el-loading-mask {
-  background: rgba(0, 0, 0, 0.5) !important;
-}
-</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/index copy.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/index copy.vue
new file mode 100644
index 0000000..64e4744
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/index copy.vue	
@@ -0,0 +1,415 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10">
+      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
+        <template #jfd>
+          <div>
+            <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
+            <span style="color: #333;margin: 0 4px;">至</span>
+            <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
+          </div>
+        </template>
+      </Searchs>
+    </div>
+       <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+          <template #left>
+            <el-button type="primary" @click="exportExl" size="small">导出</el-button>
+            <el-button type="primary" size="small" @click="handleQs">签收</el-button>
+          </template>
+      </PageTitle>
+    <!-- 表格 -->
+    <div class="tabBox tabBox_zdy" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+        :expand="true" @chooseData="handleChooseData">
+        <template #xwcs="{ row }">
+          <span style="color: #0072ff;" @click="handleClick(row)">{{ row.xwcs }}</span>
+        </template>
+        <template #bqys="{ row }">
+          <DictTag :value="row.bqys" :tag="false" :color="bqYs(row.bqys)" :options="D_GS_SSYJ" />
+        </template>
+        <template #czzt="{ row }">
+          <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #xwfz>
+          <el-table-column prop="bqfz" width="80" align="center" label="标签分值" />
+          <el-table-column prop="pzxs" width="60" align="center" label="系数" />
+          <el-table-column prop="xwfz" width="90" align="center" label="计算分值"/>
+        </template>
+        <template #expand="{ props }">
+          <div class="expand-content" style="max-width: 100%">
+            <Items :row="props" :dict="dict" />
+          </div>
+        </template>
+        <template #controls="{ row }">
+          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
+          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
+        <el-link type="primary" @click="chooseJfFun(row)" >配置系统</el-link>
+          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link>
+          <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
+          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs ">签收</el-link>
+          <el-link type="success" @click="handleQsFk(row, '反馈')" v-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
+          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
+          <el-link type="primary" @click="openAddModel(row)">详情</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <!-- 详情 -->
+  <Detail ref="detailRef"></Detail>
+  <HolographicArchive v-model="assessShow" :dataList="dataList" />
+  <FkDialog @change="getList" lx="02" />
+  <Information v-model="showDialog" title="发送指令" @submit='submit' @close='closeFszl'>
+    <SemdFqzl 
+      ref="semdFqzlRef" 
+      :itemData="itemData" 
+      @handleClose="handleClose" 
+      identification="yj"
+      :tacitly="tacitly" />
+  </Information>
+  <!-- 详情 -->
+  <AddFrom ref="addModelRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_GS_SSYJ }"></AddFrom>
+
+<!-- 处置建议 -->
+  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
+ <ChooseJf v-model="chooseJfShow" titleValue="选择系数"  :Single="false"
+   :chooseJfBh="chooseJfBh"  url="/yjzxXwyj/sjxspz" :roleIds="roleIds"/>
+</template>
+
+<script setup>
+import Czjy from './components/czjy.vue'
+import { getItem, setItem } from '@/utils/storage'
+import * as XLSX from "xlsx";
+import Detail from './components/detail.vue'
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import Searchs from "@/components/aboutTable/Search.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import Items from "./item/items.vue";
+import {yjzxXwyjSelectList } from "@/api/yj.js";
+import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import HolographicArchive from '@/views/home/components/holographicArchive.vue'
+import { tbGsxtBqglSelectList } from '@/api/zdr'
+import Information from "@/views/home/model/information.vue";
+import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
+import emitter from "@/utils/eventBus.js";
+import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
+import { reactive, ref, onMounted, getCurrentInstance, computed, watch, nextTick } from "vue";
+import AddFrom from './components/addFrom.vue'
+import { holographicProfileJump } from "@/utils/tools.js"
+import { getMultiDictVal } from "@/utils/dict.js"
+import { exportExlByObj } from "@/utils/exportExcel.js"
+const czjyRef = ref()
+const permission_sfqs = ref(false)
+const roleCode = ref(false)
+const { proxy } = getCurrentInstance();
+const { D_BZ_YJJB,D_GS_SSYJ, D_GSXT_YJXX_CZZT } = proxy.$dict('D_BZ_YJJB',"D_GS_SSYJ", "D_GSXT_YJXX_CZZT"); //获取字典数据
+
+// 字典数据集合
+const dict = ref({
+  D_GS_SSYJ,
+  D_GSXT_YJXX_CZZT
+})
+const searchBox = ref(); //搜索框
+/** 选中项 */
+const selectRows = ref([])
+const bqLbData = ref({
+  bqXl: []
+})
+
+const searchConfiger = ref(
+  [
+    { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
+    { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
+    { label: "电话号码", prop: 'dh', placeholder: "请输入电话号码", showType: "input" },
+    { label: "预警标签", prop: 'xwms', placeholder: "请输入预警标签", showType: "input" },
+    { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
+    { label: "级别", prop: 'bqys', placeholder: "请选择级别", showType: "select" ,options: D_BZ_YJJB},
+    { label: "积分段", prop: 'jfd', placeholder: "请选择积分段", showType: "Slot" },
+    { label: "预警时间", prop: 'times', showType: "datetimerange" },
+  ]);
+
+const detailRef = ref()
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 300, //操作栏宽度
+  tableColumn: [
+    { label: "状态", prop: "czzt", showSolt: true },
+    { label: "预警时间", prop: "yjsj" },
+    { label: "姓名", prop: "xm" },
+    { label: "身份证号", prop: "sfzh" },
+    { label: "标签", prop: "xwms" },
+    { label: "接收单位", prop: "ssbm" },
+    { label: "活动频次", prop: "xwcs", showSolt: true,width: 90 },
+    { label: "预警分值", prop: "xwfz",showSolt: true  },
+  ]
+});
+
+
+const gettbGsxtBqglSelectList = (val) => {
+  tbGsxtBqglSelectList({ bqLx: '02', bqlb: val, bqDlId: '241cc7b69a50428287cc79445e310180' }).then((res) => {
+    bqLbData.value.bqXl = res.map(item => {
+      return {
+        label: item.bqMc,
+        value: item.id
+      }
+    }) || []
+  })
+}
+
+onMounted(() => {
+  let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
+  permission_sfqs.value = str.startsWith('2'||'3') ? false : true;
+
+  let rols = getItem('roleList') ? getItem('roleList'):[]
+  let obj = rols.find(item => {
+    return  ['JS_666666','JS_777777','JS_888888'].includes(item.roleCode)
+  })
+  roleCode.value = obj ? true : false;
+
+  tabHeightFn();
+  getList()
+  gettbGsxtBqglSelectList('02')
+
+});
+
+const handleCzjy = (row) => {
+  czjyRef.value.init( row)
+}
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = { ...queryFrom.value,...val };
+  queryFrom.value.startTime = val.times ? val.times[0] : ''
+  queryFrom.value.endTime = val.times ? val.times[1] : ''
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+const reset = () => {
+  delete queryFrom.value.ksfz
+  delete queryFrom.value.jsfz
+}
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  const promes = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize
+  }
+  delete promes.times;
+  qcckGet(promes, '/mosty-gsxt/yjzxXwyj/getPageList').then((res) => {
+    pageData.total = res.total || 0;
+    pageData.tableConfiger.loading = false;
+    pageData.tableData = res.records.map(item => {
+      return { ...item }
+    }) || [];
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  })
+}
+
+const handleClick = (row) => {
+  detailRef.value.init(row)
+}
+
+const exportExcel = () => {
+  if (pageData.tableData.length === 0) return ElMessage({ message: "暂无数据", type: "warning" });
+  const headers = pageData.tableColumn.map(item => item.label);
+  const data = pageData.tableData.map(item => {
+    return [item.xm, item.sfzh, item.dh, item.xldlmc, item.xwzlmc, item.xwms, item.xwcs, item.xwfz];
+  });
+  const worksheet = XLSX.utils.aoa_to_sheet([headers, ...data]);
+  const workbook = XLSX.utils.book_new();
+  XLSX.utils.book_append_sheet(workbook, worksheet, "sheet1");
+  XLSX.writeFile(workbook, "行为预警.xlsx");
+}
+const bqYs = (val) => {
+  if (val == '01') { // 红
+    return '#ff0202'
+  } else if (val == '02') { // 橙
+    return '#ff8c00'
+  } else if (val == '03') { // 黄
+    return '#c2c203' // 原亮黄色：ffff00
+  } else if (val == '04') { // 蓝
+    return '#0000ff'
+  }
+}
+// 全息档案
+const assessShow = ref(false)
+const dataList = ref()
+const pushAssess = (val) => {
+  return holographicProfileJump(val.yjlx,val) // 全息档案跳转
+  // assessShow.value = true;
+  // dataList.value = val;
+}
+
+
+// 发送指令
+const showDialog = ref(false)
+const itemData = ref()
+const showDetail = (item) => {
+  showDialog.value = true;
+  itemData.value = item
+}
+const handleClose = () => {
+  showDialog.value = false;
+}
+const semdFqzlRef = ref()
+const tacitly = {
+  title: 'yjbt',
+  instructionContent: 'yjnr'
+}
+const submit = () => {
+  semdFqzlRef.value.getsendFqzl()
+}
+
+const closeFszl = () => {
+  semdFqzlRef.value.close()
+}
+
+// 处理签收
+const handleQsFk = (val, type) => {
+  switch (type) {
+    case '签收':
+      proxy.$confirm("是否确定要签收？", "警告", { type: "warning" }).then(() => {
+        qcckPost({ id: val.id }, "/mosty-gsxt/yjzxXwyj/yjqs").then(() => {
+          val.czzt = '02'
+          getList()
+          proxy.$message({ type: "success", message: "签收成功" });
+        });
+      })
+      break;
+    case '反馈':
+    case '查看反馈':
+      emitter.emit("openFkDialog", { id: val.id, type });
+      break;
+  }
+
+}
+
+const addModelRef = ref(null)
+const openAddModel = (row) => {
+  console.log(row);
+
+  addModelRef.value.init(row)
+}
+
+
+
+
+// 选择系数
+const chooseJfShow = ref(false)
+const chooseJfBh = ref()
+const roleIds=ref()
+const chooseJfFun = (val) => {
+  chooseJfBh.value=val.id
+  yjzxXwyjSelectList(val.id).then(res => {
+  roleIds.value=res.sjxspzList.map(item => item.xsid)
+  chooseJfShow.value = true
+})
+}
+
+// 表格高度计算
+const tabHeightFn = () => {
+    pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 280;
+
+  window.onresize = function() {
+    tabHeightFn();
+  };
+};
+
+
+/** 触发选中 */
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    czzt_cname: "状态",
+    yjsj: "预警时间",
+    xm: "姓名",
+    sfzh: "身份证号",
+    xwms: "标签",
+    ssbm: "接收单位",
+    sfcs: "活动频次",
+    sffz: "预警分值",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      bqys_cname: getMultiDictVal(item.bqys, D_GS_SSYJ),
+      czzt_cname: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+    }
+  })
+  exportExlByObj(titleObj, data, '行为预警')
+
+}
+
+const handleQs = () => {
+  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ids}, '/mosty-gsxt/yjzxXwyj/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+
+</script>
+
+<style lang="scss">
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+/** 方便查看对应的颜色， */
+.test-top-color {
+  color: #ff0202;
+  background-color: #ff8c00;
+  border-color: #c2c203;
+  outline-color: #0000ff;
+}
+
+.tabBox_zdy{
+  .el-table--fit {
+    overflow: unset !important;
+  }
+}
+
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/index.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/index.vue
index 64e4744..67d68d4 100644
--- a/src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/index.vue
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/index.vue
@@ -2,7 +2,7 @@
   <div>
     <!-- 搜索 -->
     <div ref="searchBox" class="mt10">
-      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
+      <QueryFormPanel v-model="listQuery" :fields="searchConfiger" @search='onSearch'>
         <template #jfd>
           <div>
             <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
@@ -10,24 +10,24 @@
             <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
           </div>
         </template>
-      </Searchs>
+        <template #but>
+          <el-button type="primary" @click="exportExl" size="small">导出</el-button>
+          <el-button type="primary" size="small" @click="handleQs">签收</el-button>
+        </template>
+      </QueryFormPanel>
     </div>
-       <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
-          <template #left>
-            <el-button type="primary" @click="exportExl" size="small">导出</el-button>
-            <el-button type="primary" size="small" @click="handleQs">签收</el-button>
-          </template>
-      </PageTitle>
     <!-- 表格 -->
-    <div class="tabBox tabBox_zdy" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
-        :expand="true" @chooseData="handleChooseData">
+    <div class="bgTable" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
+      <WarnDataTable :loading="pageData.tableConfiger.loading" :tableHeight="pageData.tableHeight"
+        :data="pageData.tableData" :columns="pageData.tableColumn" table-class="warn-table"
+        @selectionChange="handleChooseData">
         <template #xwcs="{ row }">
           <span style="color: #0072ff;" @click="handleClick(row)">{{ row.xwcs }}</span>
         </template>
         <template #bqys="{ row }">
-          <DictTag :value="row.bqys" :tag="false" :color="bqYs(row.bqys)" :options="D_GS_SSYJ" />
+          <div :style="{ 'background-color': bqYs(row.bqys) }">
+            <DictTag :value="row.bqys" :tag="false" color="#fff" :options="D_GS_SSYJ" />
+          </div>
         </template>
         <template #czzt="{ row }">
           <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
@@ -35,25 +35,19 @@
         <template #xwfz>
           <el-table-column prop="bqfz" width="80" align="center" label="标签分值" />
           <el-table-column prop="pzxs" width="60" align="center" label="系数" />
-          <el-table-column prop="xwfz" width="90" align="center" label="计算分值"/>
+          <el-table-column prop="xwfz" width="90" align="center" label="计算分值" />
         </template>
-        <template #expand="{ props }">
-          <div class="expand-content" style="max-width: 100%">
-            <Items :row="props" :dict="dict" />
+        <template #operation="{ row }">
+          <div style="display: flex;justify-content: space-between;">
+            <span class="warning" @click="pushAssess(row)">全息档案</span>
+            <span class="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</span>
+            <span class="primary" @click="chooseJfFun(row)">配置系统</span>
+            <span class="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</span>
+            <span class="success" @click="handleQsFk(row, '反馈')" v-if="row.czzt == '02' && permission_sfqs">反馈</span>
+            <span class="primary" @click="openAddModel(row)">详情</span>
           </div>
         </template>
-        <template #controls="{ row }">
-          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
-        <el-link type="primary" @click="chooseJfFun(row)" >配置系统</el-link>
-          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link>
-          <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
-          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs ">签收</el-link>
-          <el-link type="success" @click="handleQsFk(row, '反馈')" v-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
-          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
-          <el-link type="primary" @click="openAddModel(row)">详情</el-link>
-        </template>
-      </MyTable>
+      </WarnDataTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
         ...pageData.pageConfiger,
         total: pageData.total
@@ -65,33 +59,26 @@
   <HolographicArchive v-model="assessShow" :dataList="dataList" />
   <FkDialog @change="getList" lx="02" />
   <Information v-model="showDialog" title="发送指令" @submit='submit' @close='closeFszl'>
-    <SemdFqzl 
-      ref="semdFqzlRef" 
-      :itemData="itemData" 
-      @handleClose="handleClose" 
-      identification="yj"
+    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj"
       :tacitly="tacitly" />
   </Information>
   <!-- 详情 -->
   <AddFrom ref="addModelRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_GS_SSYJ }"></AddFrom>
 
-<!-- 处置建议 -->
+  <!-- 处置建议 -->
   <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
- <ChooseJf v-model="chooseJfShow" titleValue="选择系数"  :Single="false"
-   :chooseJfBh="chooseJfBh"  url="/yjzxXwyj/sjxspz" :roleIds="roleIds"/>
+  <ChooseJf v-model="chooseJfShow" titleValue="选择系数" :Single="false" :chooseJfBh="chooseJfBh" url="/yjzxXwyj/sjxspz"
+    :roleIds="roleIds" />
 </template>
 
 <script setup>
 import Czjy from './components/czjy.vue'
-import { getItem, setItem } from '@/utils/storage'
-import * as XLSX from "xlsx";
+import { getItem } from '@/utils/storage'
 import Detail from './components/detail.vue'
-import PageTitle from "@/components/aboutTable/PageTitle.vue";
-import Searchs from "@/components/aboutTable/Search.vue";
-import MyTable from "@/components/aboutTable/MyTable.vue";
+import WarnDataTable from '@/views/backOfficeSystem/ces/components/WarnDataTable.vue'
+import QueryFormPanel from "@/views/backOfficeSystem/ces/components/QueryFormPanel.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
-import Items from "./item/items.vue";
-import {yjzxXwyjSelectList } from "@/api/yj.js";
+import { yjzxXwyjSelectList } from "@/api/yj.js";
 import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
 import { qcckGet, qcckPost } from "@/api/qcckApi.js";
 import HolographicArchive from '@/views/home/components/holographicArchive.vue'
@@ -100,16 +87,17 @@ import Information from "@/views/home/model/information.vue";
 import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
 import emitter from "@/utils/eventBus.js";
 import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
-import { reactive, ref, onMounted, getCurrentInstance, computed, watch, nextTick } from "vue";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
 import AddFrom from './components/addFrom.vue'
 import { holographicProfileJump } from "@/utils/tools.js"
 import { getMultiDictVal } from "@/utils/dict.js"
 import { exportExlByObj } from "@/utils/exportExcel.js"
+import { bqYs } from '@/utils/tools.js'
 const czjyRef = ref()
 const permission_sfqs = ref(false)
 const roleCode = ref(false)
 const { proxy } = getCurrentInstance();
-const { D_BZ_YJJB,D_GS_SSYJ, D_GSXT_YJXX_CZZT } = proxy.$dict('D_BZ_YJJB',"D_GS_SSYJ", "D_GSXT_YJXX_CZZT"); //获取字典数据
+const { D_BZ_YJJB, D_GS_SSYJ, D_GSXT_YJXX_CZZT } = proxy.$dict('D_BZ_YJJB', "D_GS_SSYJ", "D_GSXT_YJXX_CZZT"); //获取字典数据
 
 // 字典数据集合
 const dict = ref({
@@ -125,17 +113,18 @@ const bqLbData = ref({
 
 const searchConfiger = ref(
   [
-    { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
-    { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
-    { label: "电话号码", prop: 'dh', placeholder: "请输入电话号码", showType: "input" },
-    { label: "预警标签", prop: 'xwms', placeholder: "请输入预警标签", showType: "input" },
-    { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
-    { label: "级别", prop: 'bqys', placeholder: "请选择级别", showType: "select" ,options: D_BZ_YJJB},
-    { label: "积分段", prop: 'jfd', placeholder: "请选择积分段", showType: "Slot" },
-    { label: "预警时间", prop: 'times', showType: "datetimerange" },
+    { key: 'xm', label: "姓名", placeholder: "请输入姓名", type: "input" },
+    { key: 'sfzh', label: "身份证号码", placeholder: "请输入身份证号码", type: "input" },
+    { key: 'dh', label: "电话号码", placeholder: "请输入电话号码", type: "input" },
+    { key: 'xwms', label: "预警标签", placeholder: "请输入预警标签", type: "input" },
+    { key: 'ssbmdm', label: "部门", placeholder: "请选择部门", type: "department" },
+    { key: 'bqys', label: "级别", placeholder: "请选择级别", type: "select", options: D_BZ_YJJB },
+    { key: 'jfd', label: "积分段", placeholder: "请选择积分段", type: "Slot" },
+    { key: 'startTime', label: "预警时间", type: "datetimerange" },
   ]);
 
 const detailRef = ref()
+const listQuery = ref({});
 const queryFrom = ref({});
 const pageData = reactive({
   tableData: [], //表格数据
@@ -153,14 +142,16 @@ const pageData = reactive({
   }, //分页
   controlsWidth: 300, //操作栏宽度
   tableColumn: [
-    { label: "状态", prop: "czzt", showSolt: true },
-    { label: "预警时间", prop: "yjsj" },
-    { label: "姓名", prop: "xm" },
-    { label: "身份证号", prop: "sfzh" },
-    { label: "标签", prop: "xwms" },
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { label: "状态", slotName: "czzt", width: 100 },
+    { label: "预警时间", prop: "yjsj", width: 200 },
+    { label: "姓名", prop: "xm", width: 100 },
+    { label: "身份证号", prop: "sfzh", width: 170 },
+    { label: "标签", prop: "xwms", width: 120 },
     { label: "接收单位", prop: "ssbm" },
-    { label: "活动频次", prop: "xwcs", showSolt: true,width: 90 },
-    { label: "预警分值", prop: "xwfz",showSolt: true  },
+    { label: "活动频次", slotName: "xwcs", width: 90, align: 'center' },
+    { label: "预警分值", slotName: "xwfz", width: 230 },
+    { label: '操作', width: 300, slotName: 'operation', align: 'center' },
   ]
 });
 
@@ -178,11 +169,11 @@ const gettbGsxtBqglSelectList = (val) => {
 
 onMounted(() => {
   let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
-  permission_sfqs.value = str.startsWith('2'||'3') ? false : true;
+  permission_sfqs.value = str.startsWith('2' || '3') ? false : true;
 
-  let rols = getItem('roleList') ? getItem('roleList'):[]
+  let rols = getItem('roleList') ? getItem('roleList') : []
   let obj = rols.find(item => {
-    return  ['JS_666666','JS_777777','JS_888888'].includes(item.roleCode)
+    return ['JS_666666', 'JS_777777', 'JS_888888'].includes(item.roleCode)
   })
   roleCode.value = obj ? true : false;
 
@@ -193,14 +184,14 @@ onMounted(() => {
 });
 
 const handleCzjy = (row) => {
-  czjyRef.value.init( row)
+  czjyRef.value.init(row)
 }
 
 // 搜索
 const onSearch = (val) => {
-  queryFrom.value = { ...queryFrom.value,...val };
-  queryFrom.value.startTime = val.times ? val.times[0] : ''
-  queryFrom.value.endTime = val.times ? val.times[1] : ''
+  queryFrom.value = { ...queryFrom.value, ...val };
+  queryFrom.value.startTime = val.startTime ? val.startTime[0] : ''
+  queryFrom.value.endTime = val.startTime ? val.startTime[1] : ''
   pageData.pageConfiger.pageCurrent = 1;
   getList()
 }
@@ -223,7 +214,7 @@ const getList = () => {
     pageCurrent: pageData.pageConfiger.pageCurrent,
     pageSize: pageData.pageConfiger.pageSize
   }
-  delete promes.times;
+  delete promes.startTime;
   qcckGet(promes, '/mosty-gsxt/yjzxXwyj/getPageList').then((res) => {
     pageData.total = res.total || 0;
     pageData.tableConfiger.loading = false;
@@ -238,34 +229,11 @@ const getList = () => {
 const handleClick = (row) => {
   detailRef.value.init(row)
 }
-
-const exportExcel = () => {
-  if (pageData.tableData.length === 0) return ElMessage({ message: "暂无数据", type: "warning" });
-  const headers = pageData.tableColumn.map(item => item.label);
-  const data = pageData.tableData.map(item => {
-    return [item.xm, item.sfzh, item.dh, item.xldlmc, item.xwzlmc, item.xwms, item.xwcs, item.xwfz];
-  });
-  const worksheet = XLSX.utils.aoa_to_sheet([headers, ...data]);
-  const workbook = XLSX.utils.book_new();
-  XLSX.utils.book_append_sheet(workbook, worksheet, "sheet1");
-  XLSX.writeFile(workbook, "行为预警.xlsx");
-}
-const bqYs = (val) => {
-  if (val == '01') { // 红
-    return '#ff0202'
-  } else if (val == '02') { // 橙
-    return '#ff8c00'
-  } else if (val == '03') { // 黄
-    return '#c2c203' // 原亮黄色：ffff00
-  } else if (val == '04') { // 蓝
-    return '#0000ff'
-  }
-}
 // 全息档案
 const assessShow = ref(false)
 const dataList = ref()
 const pushAssess = (val) => {
-  return holographicProfileJump(val.yjlx,val) // 全息档案跳转
+  return holographicProfileJump(val.yjlx, val) // 全息档案跳转
   // assessShow.value = true;
   // dataList.value = val;
 }
@@ -274,10 +242,6 @@ const pushAssess = (val) => {
 // 发送指令
 const showDialog = ref(false)
 const itemData = ref()
-const showDetail = (item) => {
-  showDialog.value = true;
-  itemData.value = item
-}
 const handleClose = () => {
   showDialog.value = false;
 }
@@ -327,20 +291,20 @@ const openAddModel = (row) => {
 // 选择系数
 const chooseJfShow = ref(false)
 const chooseJfBh = ref()
-const roleIds=ref()
+const roleIds = ref()
 const chooseJfFun = (val) => {
-  chooseJfBh.value=val.id
+  chooseJfBh.value = val.id
   yjzxXwyjSelectList(val.id).then(res => {
-  roleIds.value=res.sjxspzList.map(item => item.xsid)
-  chooseJfShow.value = true
-})
+    roleIds.value = res.sjxspzList.map(item => item.xsid)
+    chooseJfShow.value = true
+  })
 }
 
 // 表格高度计算
 const tabHeightFn = () => {
-    pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 280;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 230;
 
-  window.onresize = function() {
+  window.onresize = function () {
     tabHeightFn();
   };
 };
@@ -375,14 +339,14 @@ const exportExl = () => {
 }
 
 const handleQs = () => {
-  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
   let wqs = selectRows.value.filter(item => item.czzt == '01');
   if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
   let yqs = selectRows.value.filter(item => item.czzt == '02');
   let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
   proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
     let ids = wqs.map(item => item.id)
-    qcckPost({ids}, '/mosty-gsxt/yjzxXwyj/batchQs').then(() => {
+    qcckPost({ ids }, '/mosty-gsxt/yjzxXwyj/batchQs').then(() => {
       proxy.$message({ type: "success", message: "成功" });
       getList();
     }).catch(() => {
@@ -393,7 +357,7 @@ const handleQs = () => {
 
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .el-loading-mask {
   background: rgba(0, 0, 0, 0.5) !important;
 }
@@ -406,10 +370,13 @@ const handleQs = () => {
   outline-color: #0000ff;
 }
 
-.tabBox_zdy{
+.tabBox_zdy {
   .el-table--fit {
     overflow: unset !important;
   }
 }
 
+.bgTable {
+  background-color: #fff;
+}
 </style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/index copy.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/index copy.vue
new file mode 100644
index 0000000..18d70c9
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/index copy.vue	
@@ -0,0 +1,387 @@
+<template>
+  <div>
+
+    <!-- 搜索 -->
+    <div ref="searchBox">
+      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
+        <template #jfd>
+          <div>
+            <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
+            <span style="color: #333;margin: 0 4px;">至</span>
+            <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
+          </div>
+        </template>
+      </Searchs>
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" @click="exportExl" size="small">导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs">签收</el-button>
+      </template>
+    </PageTitle>
+    <!-- 表格 -->
+    <div class="tabBox tabBox_zdy" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+        :expand="true" @chooseData="handleChooseData">
+        <template #sfcs="{ row }">
+          <span style="color: #0072ff;" @click="handleClick(row)">{{ row.sfcs }}</span>
+        </template>
+        <template #bqys="{ row }">
+          <DictTag :value="row.bqys" :tag="false" :color="bqYs(row.bqys)" :options="D_GS_SSYJ" />
+        </template>
+        <template #czzt="{ row }">
+          <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #sffz>
+          <el-table-column prop="bqfz" width="80" align="center" label="标签分值" />
+          <el-table-column prop="pzxs" width="60" align="center" label="系数" />
+          <el-table-column prop="sffz" width="90" align="center" label="计算分值"/>
+        </template>
+        <template #expand="{ props }">
+          <div>
+            <Items :row="props || {}" :dict="dict" />
+          </div>
+        </template>
+        <template #controls="{ row }">
+          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
+          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
+          <el-link type="primary" @click="chooseJfFun(row)">配置系统</el-link>
+          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link>
+          <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
+          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
+          <el-link type="success" @click="handleQsFk(row, '反馈')"
+            v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
+          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
+          <el-link type="primary" @click="openAddModel(row)">详情</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <Detail ref="detailRef" />
+  <HolographicArchive v-model="assessShow" :dataList="dataList" />
+  <FkDialog @change="getList" lx="04" />
+  <Information v-model="showDialog" title="发送指令" @submit='submit' @close='closeFszl'>
+    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj"
+      :tacitly="tacitly" />
+  </Information>
+  <AddFrom ref="addModelRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_GS_SSYJ }" />
+  <!-- 处置建议 -->
+  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
+
+  <ChooseJf v-model="chooseJfShow" titleValue="选择系数" :Single="false" :chooseJfBh="chooseJfBh" url="/yjzxZhyj/sjxspz"
+    :roleIds="roleIds" />
+</template>
+
+<script setup>
+import Czjy from './components/czjy.vue'
+import { getItem, setItem } from '@/utils/storage'
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import Searchs from "@/components/aboutTable/Search.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import Items from "./item/items.vue";
+import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
+import { tbYjxxGetZbtj, tbGsxtBqzhSelectList, yjzxZhyjSelectList } from '@/api/yj.js'
+import HolographicArchive from '@/views/home/components/holographicArchive.vue'
+import Information from "@/views/home/model/information.vue";
+import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
+import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
+import AddFrom from "./components/addFrom.vue";
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import Detail from './components/detail.vue'
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import { getMultiDictVal } from "@/utils/dict.js"
+import emitter from "@/utils/eventBus.js";
+const permission_sfqs = ref(false)
+const roleCode = ref(false)
+const searchBox = ref();
+const czjyRef = ref()
+const { proxy } = getCurrentInstance();
+const { D_GSXT_YJXX_CZZT, D_GS_SSYJ, D_BZ_YJJB } = proxy.$dict("D_GSXT_YJXX_CZZT", "D_GS_SSYJ", "D_BZ_YJJB");
+
+// 字典数据集合
+const dict = ref({
+  D_GS_SSYJ,
+  D_GSXT_YJXX_CZZT
+})
+import { holographicProfileJump } from "@/utils/tools.js"
+
+// 搜索配置
+const searchConfiger = ref([
+  { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
+  { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
+  { label: "预警标签", prop: 'yjbqmc', placeholder: "请输入预警标签", showType: "input" },
+  { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
+  { label: "级别", prop: 'bqys', placeholder: "请选择级别", showType: "select", options: D_BZ_YJJB },
+  { label: "积分段", prop: 'jfd', placeholder: "请选择积分段", showType: "Slot" },
+  { label: "预警时间", prop: 'times', showType: "datetimerange" },
+]);
+
+const queryFrom = ref({});
+
+// 页面数据
+const pageData = reactive({
+  tableData: [{ sfcs: 1 }],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true,
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 300,
+  tableColumn: [
+    { label: "状态", prop: "czzt", showSolt: true },
+    { label: "预警时间", prop: "yjsj" },
+    { label: "姓名", prop: "xm" },
+    { label: "身份证号", prop: "sfzh" },
+    { label: "标签", prop: "yjbqmc" },
+    { label: "接收单位", prop: "ssbm" },
+    { label: "活动频次", prop: "sfcs",width:'90' },
+    { label: "预警分值", prop: "sffz",showSolt: true  },
+  ]
+});
+
+onMounted(() => {
+  let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
+  permission_sfqs.value = str.startsWith('2' || '3') ? false : true;
+
+  let rols = getItem('roleList') ? getItem('roleList') : []
+  let obj = rols.find(item => {
+    return ['JS_666666', 'JS_777777', 'JS_888888'].includes(item.roleCode)
+  })
+  roleCode.value = obj ? true : false;
+
+  tabHeightFn();
+  getList();
+  gettbGsxtBqglSelectList()
+});
+
+
+const handleCzjy = (row) => {
+  czjyRef.value.init(row)
+}
+
+const onSearch = (val) => {
+  queryFrom.value = { ...queryFrom.value, ...val };
+  queryFrom.value.startTime = val.times ? val.times[0] : ''
+  queryFrom.value.endTime = val.times ? val.times[1] : ''
+  pageData.pageConfiger.pageCurrent = 1;
+  getList();
+};
+
+const reset = () => {
+  delete queryFrom.value.ksfz
+  delete queryFrom.value.jsfz
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList();
+};
+
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList();
+};
+
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  // TODO: 替换为实际的组合预警API接口
+  const promes = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize
+  }
+  delete promes.times;
+
+  tbYjxxGetZbtj(promes).then((res) => {
+    pageData.tableData = res.records || [];
+    pageData.total = res.total || 0;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  });
+};
+const bqYs = (val) => {
+  if (val == '01') {
+    return '#ff0202'
+  } else if (val == '02') {
+    return '#ff8c00'
+  } else if (val == '03') {
+    return '#e6a23c'
+  } else if (val == '04') {
+    return '#0000ff'
+  }
+}
+const bqLbData = ref({
+  bqXl: []
+})
+const gettbGsxtBqglSelectList = (val) => {
+  tbGsxtBqzhSelectList({}).then((res) => {
+    bqLbData.value.bqXl = res.map(item => {
+      return {
+        label: item.bqMc,
+        value: item.bqDm
+      }
+    }) || []
+  })
+}
+
+
+// 查看详情
+const detailRef = ref()
+const handleClick = (row) => {
+  detailRef.value.init(row)
+}
+const assessShow = ref(false)
+/** 选中项 */
+const selectRows = ref([])
+const dataList = ref()
+const pushAssess = (val) => {
+  return holographicProfileJump(val.yjlx, val) // 全息档案跳转
+  // assessShow.value = true;
+  // dataList.value = val;
+}
+
+
+// 发送指令
+const showDialog = ref(false)
+const itemData = ref()
+const showDetail = (item) => {
+  showDialog.value = true;
+  itemData.value = item
+}
+const handleClose = () => {
+  showDialog.value = false;
+}
+const semdFqzlRef = ref()
+const tacitly = {
+  title: 'yjbt',
+  instructionContent: 'yjnr'
+}
+const submit = () => {
+  semdFqzlRef.value.getsendFqzl()
+}
+
+const closeFszl = () => {
+  semdFqzlRef.value.close()
+}
+
+// 处理签收
+const handleQsFk = (val, type) => {
+  switch (type) {
+    case '签收':
+      proxy.$confirm("是否确定要签收？", "警告", { type: "warning" }).then(() => {
+        qcckPost({ id: val.id }, "/mosty-gsxt/yjzxZhyj/yjqs").then(() => {
+          val.czzt = '02'
+          getList()
+          proxy.$message({ type: "success", message: "签收成功" });
+        });
+      })
+      break;
+    case '反馈':
+    case '查看反馈':
+      emitter.emit("openFkDialog", { id: val.id, type });
+      break;
+  }
+
+}
+const addModelRef = ref(null)
+const openAddModel = (row) => {
+  console.log(row);
+
+  addModelRef.value.init(row)
+}
+
+
+// 选择系数
+const chooseJfShow = ref(false)
+const chooseJfBh = ref()
+const roleIds = ref()
+const chooseJfFun = (val) => {
+  chooseJfBh.value = val.id
+  yjzxZhyjSelectList(val.id).then(res => {
+    roleIds.value = res.sjxspzList.map(item => item.xsid)
+    chooseJfShow.value = true
+  })
+}
+
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
+
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    czzt_cname: "状态",
+    yjsj: "预警时间",
+    xm: "姓名",
+    sfzh: "身份证号",
+    yjbqmc: "标签",
+    ssbm: "接收单位",
+    sfcs: "活动频次",
+    sffz: "预警分值",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      bqys_cname: getMultiDictVal(item.bqys, D_GS_SSYJ),
+      czzt_cname: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+    }
+  })
+  exportExlByObj(titleObj, data, '组合预警')
+}
+
+const handleQs = () => {
+  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ids}, '/mosty-gsxt/yjzxZhyj/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+
+</script>
+
+<style lang="scss">
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+.tabBox_zdy {
+  .el-table--fit {
+    overflow: unset !important;
+  }
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/index.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/index.vue
index 18d70c9..60336ef 100644
--- a/src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/index.vue
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/index.vue
@@ -3,7 +3,7 @@
 
     <!-- 搜索 -->
     <div ref="searchBox">
-      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
+      <QueryFormPanel v-model="listQuery" :fields="searchConfiger" @search='onSearch'>
         <template #jfd>
           <div>
             <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
@@ -11,24 +11,24 @@
             <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
           </div>
         </template>
-      </Searchs>
+        <template #but>
+          <el-button type="primary" @click="exportExl" size="small">导出</el-button>
+          <el-button type="primary" size="small" @click="handleQs">签收</el-button>
+        </template>
+      </QueryFormPanel>
     </div>
-    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
-      <template #left>
-        <el-button type="primary" @click="exportExl" size="small">导出</el-button>
-        <el-button type="primary" size="small" @click="handleQs">签收</el-button>
-      </template>
-    </PageTitle>
     <!-- 表格 -->
-    <div class="tabBox tabBox_zdy" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
-        :expand="true" @chooseData="handleChooseData">
+    <div class=" tabBox_zdy" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
+      <WarnDataTable :loading="pageData.tableConfiger.loading" :tableHeight="pageData.tableHeight"
+        :data="pageData.tableData" :columns="pageData.tableColumn" table-class="warn-table"
+        @selectionChange="handleChooseData">
         <template #sfcs="{ row }">
           <span style="color: #0072ff;" @click="handleClick(row)">{{ row.sfcs }}</span>
         </template>
         <template #bqys="{ row }">
-          <DictTag :value="row.bqys" :tag="false" :color="bqYs(row.bqys)" :options="D_GS_SSYJ" />
+          <div :style="{ 'background-color': bqYs(row.bqys) }">
+            <DictTag :value="row.bqys" :tag="false" color="#fff" :options="D_GS_SSYJ" />
+          </div>
         </template>
         <template #czzt="{ row }">
           <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
@@ -36,26 +36,20 @@
         <template #sffz>
           <el-table-column prop="bqfz" width="80" align="center" label="标签分值" />
           <el-table-column prop="pzxs" width="60" align="center" label="系数" />
-          <el-table-column prop="sffz" width="90" align="center" label="计算分值"/>
+          <el-table-column prop="sffz" width="90" align="center" label="计算分值" />
         </template>
-        <template #expand="{ props }">
-          <div>
-            <Items :row="props || {}" :dict="dict" />
+        <template #operation="{ row }">
+          <div style="display: flex;justify-content: space-between;">
+            <span class="warning" @click="pushAssess(row)">全息档案</span>
+            <span class="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</span>
+            <span class="primary" @click="chooseJfFun(row)">配置系统</span>
+            <span class="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</span>
+            <span class="success" @click="handleQsFk(row, '反馈')"
+              v-else-if="row.czzt == '02' && permission_sfqs">反馈</span>
+            <span class="primary" @click="openAddModel(row)">详情</span>
           </div>
         </template>
-        <template #controls="{ row }">
-          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
-          <el-link type="primary" @click="chooseJfFun(row)">配置系统</el-link>
-          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link>
-          <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
-          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
-          <el-link type="success" @click="handleQsFk(row, '反馈')"
-            v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
-          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
-          <el-link type="primary" @click="openAddModel(row)">详情</el-link>
-        </template>
-      </MyTable>
+      </WarnDataTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
         ...pageData.pageConfiger,
         total: pageData.total
@@ -79,12 +73,10 @@
 
 <script setup>
 import Czjy from './components/czjy.vue'
-import { getItem, setItem } from '@/utils/storage'
-import PageTitle from "@/components/aboutTable/PageTitle.vue";
-import Searchs from "@/components/aboutTable/Search.vue";
-import MyTable from "@/components/aboutTable/MyTable.vue";
+import { getItem } from '@/utils/storage'
+import WarnDataTable from '@/views/backOfficeSystem/ces/components/WarnDataTable.vue'
+import QueryFormPanel from "@/views/backOfficeSystem/ces/components/QueryFormPanel.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
-import Items from "./item/items.vue";
 import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
 import { tbYjxxGetZbtj, tbGsxtBqzhSelectList, yjzxZhyjSelectList } from '@/api/yj.js'
 import HolographicArchive from '@/views/home/components/holographicArchive.vue'
@@ -92,12 +84,13 @@ import Information from "@/views/home/model/information.vue";
 import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
 import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
 import AddFrom from "./components/addFrom.vue";
-import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
-import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import { qcckPost } from "@/api/qcckApi.js";
 import Detail from './components/detail.vue'
 import { exportExlByObj } from "@/utils/exportExcel.js"
 import { getMultiDictVal } from "@/utils/dict.js"
 import emitter from "@/utils/eventBus.js";
+import { bqYs } from '@/utils/tools.js'
 const permission_sfqs = ref(false)
 const roleCode = ref(false)
 const searchBox = ref();
@@ -114,15 +107,16 @@ import { holographicProfileJump } from "@/utils/tools.js"
 
 // 搜索配置
 const searchConfiger = ref([
-  { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
-  { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
-  { label: "预警标签", prop: 'yjbqmc', placeholder: "请输入预警标签", showType: "input" },
-  { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
-  { label: "级别", prop: 'bqys', placeholder: "请选择级别", showType: "select", options: D_BZ_YJJB },
-  { label: "积分段", prop: 'jfd', placeholder: "请选择积分段", showType: "Slot" },
-  { label: "预警时间", prop: 'times', showType: "datetimerange" },
+  { key: 'xm', label: "姓名", placeholder: "请输入姓名", type: "input" },
+  { key: 'sfzh', label: "身份证号码", placeholder: "请输入身份证号码", type: "input" },
+  { key: 'yjbqmc', label: "预警标签", placeholder: "请输入预警标签", type: "input" },
+  { key: 'ssbmdm', label: "部门", placeholder: "请选择部门", type: "department" },
+  { key: 'bqys', label: "级别", placeholder: "请选择级别", type: "select", options: D_BZ_YJJB },
+  { key: 'jfd', label: "积分段", placeholder: "请选择积分段", type: "Slot" },
+  { key: 'startTime', label: "预警时间", type: "datetimerange" },
 ]);
 
+const listQuery = ref({});
 const queryFrom = ref({});
 
 // 页面数据
@@ -142,14 +136,16 @@ const pageData = reactive({
   },
   controlsWidth: 300,
   tableColumn: [
-    { label: "状态", prop: "czzt", showSolt: true },
-    { label: "预警时间", prop: "yjsj" },
-    { label: "姓名", prop: "xm" },
-    { label: "身份证号", prop: "sfzh" },
-    { label: "标签", prop: "yjbqmc" },
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { label: "状态", slotName: "czzt", width: 100 },
+    { label: "预警时间", prop: "yjsj", width: 200 },
+    { label: "姓名", prop: "xm", width: 100 },
+    { label: "身份证号", prop: "sfzh", width: 170 },
+    { label: "标签", prop: "yjbqmc", width: 120 },
     { label: "接收单位", prop: "ssbm" },
-    { label: "活动频次", prop: "sfcs",width:'90' },
-    { label: "预警分值", prop: "sffz",showSolt: true  },
+    { label: "活动频次", slotName: "sfcs", width: 90, align: 'center' },
+    { label: "预警分值", slotName: "sffz", width: 230 },
+    { label: '操作', width: 300, slotName: 'operation', align: 'center' },
   ]
 });
 
@@ -175,8 +171,8 @@ const handleCzjy = (row) => {
 
 const onSearch = (val) => {
   queryFrom.value = { ...queryFrom.value, ...val };
-  queryFrom.value.startTime = val.times ? val.times[0] : ''
-  queryFrom.value.endTime = val.times ? val.times[1] : ''
+  queryFrom.value.startTime = val.startTime ? val.startTime[0] : ''
+  queryFrom.value.endTime = val.startTime ? val.startTime[1] : ''
   pageData.pageConfiger.pageCurrent = 1;
   getList();
 };
@@ -204,7 +200,7 @@ const getList = () => {
     pageCurrent: pageData.pageConfiger.pageCurrent,
     pageSize: pageData.pageConfiger.pageSize
   }
-  delete promes.times;
+  delete promes.startTime;
 
   tbYjxxGetZbtj(promes).then((res) => {
     pageData.tableData = res.records || [];
@@ -214,17 +210,6 @@ const getList = () => {
     pageData.tableConfiger.loading = false;
   });
 };
-const bqYs = (val) => {
-  if (val == '01') {
-    return '#ff0202'
-  } else if (val == '02') {
-    return '#ff8c00'
-  } else if (val == '03') {
-    return '#e6a23c'
-  } else if (val == '04') {
-    return '#0000ff'
-  }
-}
 const bqLbData = ref({
   bqXl: []
 })
@@ -321,7 +306,7 @@ const chooseJfFun = (val) => {
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 230;
 
   window.onresize = function () {
     tabHeightFn();
@@ -356,14 +341,14 @@ const exportExl = () => {
 }
 
 const handleQs = () => {
-  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
   let wqs = selectRows.value.filter(item => item.czzt == '01');
   if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
   let yqs = selectRows.value.filter(item => item.czzt == '02');
   let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
   proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
     let ids = wqs.map(item => item.id)
-    qcckPost({ids}, '/mosty-gsxt/yjzxZhyj/batchQs').then(() => {
+    qcckPost({ ids }, '/mosty-gsxt/yjzxZhyj/batchQs').then(() => {
       proxy.$message({ type: "success", message: "成功" });
       getList();
     }).catch(() => {
@@ -380,8 +365,6 @@ const handleQs = () => {
 }
 
 .tabBox_zdy {
-  .el-table--fit {
-    overflow: unset !important;
-  }
+  background-color: #fff;
 }
 </style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/index copy.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/index copy.vue
new file mode 100644
index 0000000..d58a8b0
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/index copy.vue	
@@ -0,0 +1,403 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10">
+      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
+        <template #jfd>
+          <div>
+            <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
+            <span style="color: #333;margin: 0 4px;">至</span>
+            <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
+          </div>
+        </template>
+      </Searchs>
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" @click="exportExl" size="small">导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs">签收</el-button>
+      </template>
+    </PageTitle>
+    <!-- 表格 -->
+    <div class="tabBox tabBox_zdy" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" expand
+        @chooseData="handleChooseData">
+        <template #expand="{ props }">
+          <Items :row="props || {}" :dict="dict" />
+        </template>
+        <template #yjTp="{ row }">
+          <template v-if="!row.yjTp || row.yjTp.includes('baidu')">
+            <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
+            <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
+          </template>
+          <el-image v-else style="width: 30px; height:30px" :src="row.yjTp" :preview-src-list="[row.yjTp]"
+            show-progress>
+            <template #error>
+              <div class="image-slot error">
+                <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
+                <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
+              </div>
+            </template>
+          </el-image>
+        </template>
+        <template #yjJb="{ row }">
+          <DictTag :value="row.yjJb" :tag="false" :color="bqYs(row.yjJb)" :options="D_GS_SSYJ" />
+        </template>
+        <template #czzt="{ row }">
+          <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #sex="{ row }">
+          <span v-if="row.yjRysfzh"> {{ IdCard(row.yjRysfzh, 2) }} </span>
+        </template>
+        <template #age="{ row }">
+          <span v-if="row.yjRysfzh"> {{ IdCard(row.yjRysfzh, 3) }} </span>
+        </template>
+
+        <template #yjLylx="{ row }">
+          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
+        </template>
+
+        <template #bqdl="{ row }">
+          <DictTag :value="row.bqdl" :tag="false" :options="D_GS_QLZDRLX" />
+        </template>
+        <template #xsd="{ row }">
+          {{ row.xsd }}%
+        </template>
+
+        <template #controls="{ row }">
+          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
+          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
+          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
+          <el-link type="success" @click="handleQsFk(row, '反馈')" v-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
+          <!-- <el-link type="primary" @click="openAddFrom(row)">详情</el-link> -->
+          <el-link type="primary" @click="pushWarning(row)">指派</el-link>
+                  <el-link type="primary" @click="openBox(row)">详情</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <FkDialog @change="getList" lx="05" />
+  <AddFrom ref="addModelRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_GS_SSYJ }" />
+  <!-- 处置建议 -->
+  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
+  <ZpForm v-model="warningShow" :dataList="dataList" />
+  <!-- <Pagination v-model="paginationOpen" /> -->
+    <Pagination v-model="paginationOpen" :dataList="dataPres" :dict="{D_BZ_XB,D_BZ_YJJB,D_GS_QLZDRLX,D_GS_ZDR_RYJB,D_GS_ZDR_GJLB,D_GS_BK_CZYQ}" />
+</template>
+
+<script setup>
+import { IdCard } from '@/utils/validate.js'
+import Czjy from './components/czjy.vue'
+import { getItem, setItem } from '@/utils/storage'
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import Searchs from "@/components/aboutTable/Search.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import AddFrom from "./components/addFrom.vue";
+import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
+import ZpForm from "@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/zpForm.vue";
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import emitter from "@/utils/eventBus.js";
+import { holographicProfileJump } from "@/utils/tools.js"
+import Items from "./item/items.vue"
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import { getMultiDictVal } from "@/utils/dict.js"
+import Pagination from "./components/particulars.vue";
+const czjyRef = ref()
+const { proxy } = getCurrentInstance();
+const searchBox = ref();
+const { D_GS_QLZDRLX, D_BZ_YJLY, D_GSXT_YJXX_CZZT, D_GS_SSYJ, D_BZ_YJJB, D_BZ_BKLYS, D_BZ_XB, D_BZ_SF, D_GS_CSZT, D_GS_BKZT, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB,D_GS_BK_CZYQ } = proxy.$dict('D_GS_QLZDRLX', 'D_BZ_YJLY', "D_GSXT_YJXX_CZZT", "D_GS_SSYJ", 'D_BZ_YJJB', 'D_BZ_BKLYS', 'D_BZ_XB', 'D_BZ_SF', 'D_GS_CSZT', 'D_GS_BKZT', 'D_GS_ZDR_RYJB', 'D_GS_ZDR_GJLB','D_GS_BK_CZYQ'
+
+)
+const dict = reactive({ D_GSXT_YJXX_CZZT, D_GS_SSYJ })
+// 搜索配置
+const searchConfiger = ref([
+  { label: "布控开始时间", prop: 'bkkssj', showType: "date", placeholder: "请选择布控开始时间" },
+  { label: "布控结束时间", prop: 'bkjssj', showType: "date", placeholder: "请选择布控结束时间" },
+  { label: "预警时间", prop: 'startTime', showType: "datetimerange", placeholder: "请选择预警时间" },
+  { label: "预警级别", prop: 'yjJb', showType: "select", options: D_BZ_YJJB, placeholder: "请选择预警级别", multiple: true },
+  { label: "布控来源", prop: 'bkly', showType: "select", options: D_BZ_BKLYS, placeholder: "请选择布控来源" },
+  { label: "布控范围", prop: 'bkfw', showType: "input", placeholder: "请输入布控范围" },
+  { label: "布控单位", prop: 'gkbmdm', showType: "department", placeholder: "请选择布控单位" },
+  { label: "所属单位", prop: 'ssbmdm', showType: "department", placeholder: "请选择所属单位" },
+  { label: "相似度", prop: 'xsd', showType: "input", placeholder: "请输入相似度" },
+  { prop: 'sfglyj', showType: "checkbox", showSelectAll: false, options: [{ label: '关联预警', value: '1' }] },
+  { prop: 'sfgz', showType: "checkbox", showSelectAll: false, options: [{ label: '重点关注', value: '1' }] },
+  { prop: 'sfzp', showType: "checkbox", showSelectAll: false, options: [{ label: '二次指派', value: '1' }] },
+  { label: "签收状态", prop: 'czzt', showType: "select", options: D_GSXT_YJXX_CZZT },
+  { label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT },
+  { label: "布控状态", prop: 'zkzt', showType: "select", options: D_GS_BKZT, placeholder: "请选择布控状态" },
+  { label: "姓名", prop: 'yjRyxm', showType: "input", placeholder: "请输入姓名" },
+  { label: "性别", prop: 'xbdm', showType: "select", options: D_BZ_XB, placeholder: "请选择性别" },
+  { label: "开始年龄", prop: 'ksnl', placeholder: "请输入年龄", showType: "number" },
+  { label: "结束年龄", prop: 'jsnl', placeholder: "请输入年龄", showType: "number" },
+  { label: "跨地区", prop: 'sflksd', showType: "select", options: D_BZ_SF, placeholder: "请选择是否跨地区" },
+  { label: "身份证号", prop: 'yjRysfzh', showType: "input", placeholder: "请输入身份证号" },
+  { label: "预警内容", prop: 'yjNr', showType: "input", placeholder: "请输入预警内容" },
+  // { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
+  // { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
+  // { label: "预警标签", prop: 'yjbqmc', placeholder: "请输入预警标签", showType: "input" },
+  // { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
+  // { label: "级别", prop: 'yjJb', placeholder: "请选择级别", showType: "select" ,options: D_BZ_YJJB},
+  // { label: "积分段", prop: 'jfd', placeholder: "请选择积分段", showType: "Slot" },
+  // { label: "布控时间", prop: 'startTime', placeholder: "请选择布控时间", showType: "datetimerange" },
+]);
+const ORDIMG = 'https://89.40.7.122:38496/image'
+const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
+const permission_sfqs = ref(false)
+const roleCode = ref(false)
+
+const queryFrom = ref({});
+
+// 页面数据
+const pageData = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true,
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 180, //操作栏宽度
+  tableColumn: [
+    { label: "状态", prop: "czzt", showSolt: true, width: 80 },
+    { label: "预警时间", prop: "yjSj", showOverflowTooltip: true },
+    { label: "姓名", prop: "yjRyxm" , width: 50},
+    { label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true },
+    { label: "性别", prop: "sex", showSolt: true , width: 50},
+    { label: "年龄", prop: "age", showSolt: true, width: 50 },
+    { label: "预警级别", prop: "yjJb", showSolt: true , width: 50},
+    { label: "布控单位", prop: "gkbmdm", showSolt: true , width: 50},
+    { label: "布控来源", prop: "bkly", showSolt: true , width: 50},
+    { label: "布控范围", prop: "bkfw", showSolt: true },
+    { label: "布控开始时间", showOverflowTooltip: true, prop: "bkkssj", showSolt: true },
+    { label: "布控结束时间", showOverflowTooltip: true, prop: "bkjssj", showSolt: true },
+    { label: "处置要求", prop: "bkczyq", showSolt: true, showOverflowTooltip: true },
+    { label: "相似度", prop: "xsd", showSolt: true, width: 50 },
+    { label: "预警内容", prop: "yjNr", showOverflowTooltip: true, showSolt: true },
+    { label: "所属部门", prop: "ssbm", showOverflowTooltip: true },
+    { label: "数据来源", prop: "yjLylx", showOverflowTooltip: true, showSolt: true },
+    { label: "超时状态", prop: "cszt", showOverflowTooltip: true, showSolt: true, width: 50 },
+    { label: "在控状态", prop: "zkzt", showOverflowTooltip: true, showSolt: true, width: 50 },
+  ]
+});
+
+onMounted(() => {
+  let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
+  permission_sfqs.value = str.startsWith('2' || '3') ? false : true;
+  let rols = getItem('roleList') ? getItem('roleList') : []
+  let obj = rols.find(item => {
+    return ['JS_666666', 'JS_777777', 'JS_888888'].includes(item.roleCode)
+  })
+  roleCode.value = obj ? true : false;
+
+  tabHeightFn();
+  getList();
+});
+
+const onSearch = (val) => {
+  queryFrom.value = {
+    ...queryFrom.value, ...val,
+    startTime: val.startTime ? val.startTime[0] : '',
+    endTime: val.startTime ? val.startTime[1] : '',
+    yjJb: val.yjJb?.join(',') || '',
+    sfglyj: val.sfglyj?.join(',') || '',
+    sfgz: val.sfgz?.join(',') || '',
+    sfzp: val.sfzp?.join(',') || ''
+  };
+
+  pageData.pageConfiger.pageCurrent = 1;
+  getList();
+};
+
+const reset = () => {
+  delete queryFrom.value.ksfz
+  delete queryFrom.value.jsfz
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList();
+};
+
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList();
+};
+
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  let params = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize,
+  }
+  qcckPost(params, '/mosty-gsxt/tbYjxx/getBdbkPageList').then((res) => {
+    pageData.tableData = res?.records || []
+    pageData.total = res?.total || 0;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  });
+};
+
+// 处理签收
+const handleQsFk = (val, type) => {
+  switch (type) {
+    case '签收':
+      proxy.$confirm("是否确定要签收？", "警告", { type: "warning" }).then(() => {
+        qcckPost({ id: val.id }, "/mosty-gsxt/mosty-gsxt/tbYjxx/yjqs").then(() => {
+          val.czzt = '02'
+          getList()
+          proxy.$message({ type: "success", message: "签收成功" });
+        });
+      })
+      break;
+    case '反馈':
+    case '查看反馈':
+      emitter.emit("openFkDialog", { id: val.id, type });
+      break;
+  }
+}
+
+const pushAssess = (val) => {
+  return holographicProfileJump(val?.yjLx, val) // 全息档案跳转
+}
+
+
+const bqYs = (val) => {
+  switch (val) {
+    case '01':
+      return '#ff0202'
+    case '02':
+      return '#ff8c00'
+    case '03':
+      return '#ffff00'
+    case '04':
+      return '#0000ff'
+    default:
+      return ''
+  }
+}
+
+// 新增
+const addModelRef = ref(null)
+const openAddFrom = (row) => {
+  addModelRef.value.init('add', row)
+}
+
+const handleCzjy = (row) => {
+  czjyRef.value.init(row)
+}
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
+
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+// 指派
+const dataList = ref(null)
+const warningShow = ref(false)
+const pushWarning = (val) => {
+  warningShow.value = true;
+  dataList.value = val;
+}
+
+
+
+
+/** 选中项 */
+const selectRows = ref([])
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    czzt_cname: "处置状态",
+    yjSj: "预警时间",
+    yjRyxm: "姓名",
+    nl_cname: "年龄", // IdCard(row.yjRysfzh, 3)
+    yjLylx: "数据来源",
+    xb_cname: "性别",
+    yjJb_cname: "预警级别",
+    xsd_cname: "相似度",
+    yjDz: "预警地点",
+    yjCs: "预警次数",
+    yjRysjh: "布控手机号",
+    yjClcph: "布控车牌号",
+    yjRysfzh: "身份证",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      nl_cname: IdCard(item.yjRysfzh, 3),
+      xb_cname: IdCard(item.yjRysfzh, 2),
+      xsd_cname: (item.xsd > 0 ? item.xsd : 0) + '%',
+      yjJb_name: getMultiDictVal(item.yjJb, D_GS_SSYJ),
+      czzt_name: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+      yjJb_cname: getMultiDictVal(item.yjJb, D_BZ_YJJB),
+    }
+  })
+  exportExlByObj(titleObj, data, '预警布控')
+}
+
+const handleQs = () => {
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ ids }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+
+// 详情
+const paginationOpen = ref(false)
+const dataPres = ref({})
+const openBox = (val) => {
+  paginationOpen.value = true
+  dataPres.value = val
+}
+</script>
+
+<style lang="scss" scoped>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+.tabBox_zdy {
+  .el-table--fit {
+    overflow: unset !important;
+  }
+}
+::v-deep .el-table .cell {
+  padding: 0;
+}
+
+::v-deep .el-table .el-table__cell {
+  padding: 4px 0;
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/index.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/index.vue
index d58a8b0..7a7bc97 100644
--- a/src/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/index.vue
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/index.vue
@@ -2,30 +2,18 @@
   <div>
     <!-- 搜索 -->
     <div ref="searchBox" class="mt10">
-      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
-        <template #jfd>
-          <div>
-            <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
-            <span style="color: #333;margin: 0 4px;">至</span>
-            <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
-          </div>
+      <QueryFormPanel v-model="listQuery" :fields="searchConfiger" @search='onSearch'>
+        <template #but>
+          <el-button type="primary" @click="exportExl" size="small">导出</el-button>
+          <el-button type="primary" size="small" @click="handleQs">签收</el-button>
         </template>
-      </Searchs>
+      </QueryFormPanel>
     </div>
-    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
-      <template #left>
-        <el-button type="primary" @click="exportExl" size="small">导出</el-button>
-        <el-button type="primary" size="small" @click="handleQs">签收</el-button>
-      </template>
-    </PageTitle>
     <!-- 表格 -->
-    <div class="tabBox tabBox_zdy" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" expand
-        @chooseData="handleChooseData">
-        <template #expand="{ props }">
-          <Items :row="props || {}" :dict="dict" />
-        </template>
+    <div class=" tabBox_zdy" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
+      <WarnDataTable :loading="pageData.tableConfiger.loading" :tableHeight="pageData.tableHeight"
+        :data="pageData.tableData" :columns="pageData.tableColumn" table-class="warn-table"
+        @selectionChange="handleChooseData">
         <template #yjTp="{ row }">
           <template v-if="!row.yjTp || row.yjTp.includes('baidu')">
             <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
@@ -41,40 +29,48 @@
             </template>
           </el-image>
         </template>
-        <template #yjJb="{ row }">
-          <DictTag :value="row.yjJb" :tag="false" :color="bqYs(row.yjJb)" :options="D_GS_SSYJ" />
-        </template>
         <template #czzt="{ row }">
-          <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+          <DictTag :value="row.czzt" :color="row.czzt === '01' ? '#ff2424' : '#1d72e8'" :tag="false"
+            :options="D_GSXT_YJXX_CZZT" />
         </template>
-        <template #sex="{ row }">
-          <span v-if="row.yjRysfzh"> {{ IdCard(row.yjRysfzh, 2) }} </span>
+        <template #xbdm="{ row }">
+          <DictTag :value="row.xbdm" :tag="false" :options="D_BZ_XB" />
         </template>
-        <template #age="{ row }">
-          <span v-if="row.yjRysfzh"> {{ IdCard(row.yjRysfzh, 3) }} </span>
+        <template #yjJb="{ row }">
+          <div :style="{ 'background-color': bqYs(row.yjJb) }">
+            <DictTag :value="row.yjJb" color="#fff" :tag="false" :options="D_BZ_YJJB" />
+          </div>
         </template>
-
-        <template #yjLylx="{ row }">
-          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
+        <template #bkly="{ row }">
+          <DictTag :value="row.bkly" :tag="false" :options="D_BZ_BKLYS" />
         </template>
-
-        <template #bqdl="{ row }">
-          <DictTag :value="row.bqdl" :tag="false" :options="D_GS_QLZDRLX" />
+        <template #bkczyq="{ row }">
+          <DictTag :value="row.bkczyq" :tag="false" :options="D_GS_BK_CZYQ" />
         </template>
         <template #xsd="{ row }">
           {{ row.xsd }}%
         </template>
-
-        <template #controls="{ row }">
-          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
-          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
-          <el-link type="success" @click="handleQsFk(row, '反馈')" v-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
-          <!-- <el-link type="primary" @click="openAddFrom(row)">详情</el-link> -->
-          <el-link type="primary" @click="pushWarning(row)">指派</el-link>
-                  <el-link type="primary" @click="openBox(row)">详情</el-link>
+        <template #yjLylx="{ row }">
+          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_SJLY" />
         </template>
-      </MyTable>
+        <template #cszt="{ row }">
+          <DictTag :value="row.cszt" :tag="false" :options="D_GS_CSZT" />
+        </template>
+        <template #operation="{ row }">
+          <div style="display: flex;justify-content: space-between;">
+            <span class="warning" @click="pushAssess(row)">全息档案</span>
+            <span class="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</span>
+            <!-- <span type="primary" @click="showDetail(row)">转合成</span> -->
+            <!-- <span type="danger" @click="delDictItem(row.id)">转会商</span> -->
+            <span class="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</span>
+            <span class="success" @click="handleQsFk(row, '反馈')"
+              v-else-if="row.czzt == '02' && permission_sfqs">反馈</span>
+            <!-- <span type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</span> -->
+            <span class="primary" @click="openBox(row)">详情</span>
+            <span class="primary" @click="pushWarning(row)">指派</span>
+          </div>
+        </template>
+      </WarnDataTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
         ...pageData.pageConfiger,
         total: pageData.total
@@ -87,16 +83,16 @@
   <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
   <ZpForm v-model="warningShow" :dataList="dataList" />
   <!-- <Pagination v-model="paginationOpen" /> -->
-    <Pagination v-model="paginationOpen" :dataList="dataPres" :dict="{D_BZ_XB,D_BZ_YJJB,D_GS_QLZDRLX,D_GS_ZDR_RYJB,D_GS_ZDR_GJLB,D_GS_BK_CZYQ}" />
+  <Pagination v-model="paginationOpen" :dataList="dataPres"
+    :dict="{ D_BZ_XB, D_BZ_YJJB, D_GS_QLZDRLX, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB, D_GS_BK_CZYQ }" />
 </template>
 
 <script setup>
 import { IdCard } from '@/utils/validate.js'
 import Czjy from './components/czjy.vue'
 import { getItem, setItem } from '@/utils/storage'
-import PageTitle from "@/components/aboutTable/PageTitle.vue";
-import Searchs from "@/components/aboutTable/Search.vue";
-import MyTable from "@/components/aboutTable/MyTable.vue";
+import WarnDataTable from '@/views/backOfficeSystem/ces/components/WarnDataTable.vue'
+import QueryFormPanel from "@/views/backOfficeSystem/ces/components/QueryFormPanel.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import AddFrom from "./components/addFrom.vue";
 import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
@@ -112,9 +108,7 @@ import Pagination from "./components/particulars.vue";
 const czjyRef = ref()
 const { proxy } = getCurrentInstance();
 const searchBox = ref();
-const { D_GS_QLZDRLX, D_BZ_YJLY, D_GSXT_YJXX_CZZT, D_GS_SSYJ, D_BZ_YJJB, D_BZ_BKLYS, D_BZ_XB, D_BZ_SF, D_GS_CSZT, D_GS_BKZT, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB,D_GS_BK_CZYQ } = proxy.$dict('D_GS_QLZDRLX', 'D_BZ_YJLY', "D_GSXT_YJXX_CZZT", "D_GS_SSYJ", 'D_BZ_YJJB', 'D_BZ_BKLYS', 'D_BZ_XB', 'D_BZ_SF', 'D_GS_CSZT', 'D_GS_BKZT', 'D_GS_ZDR_RYJB', 'D_GS_ZDR_GJLB','D_GS_BK_CZYQ'
-
-)
+const { D_GS_QLZDRLX, D_BZ_YJLY, D_GSXT_YJXX_CZZT, D_GS_SSYJ, D_BZ_YJJB, D_BZ_BKLYS, D_BZ_XB, D_BZ_SF, D_GS_CSZT, D_GS_BKZT, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB, D_GS_BK_CZYQ, D_BZ_SJLY } = proxy.$dict('D_GS_QLZDRLX', 'D_BZ_YJLY', "D_GSXT_YJXX_CZZT", "D_GS_SSYJ", 'D_BZ_YJJB', 'D_BZ_BKLYS', 'D_BZ_XB', 'D_BZ_SF', 'D_GS_CSZT', 'D_GS_BKZT', 'D_GS_ZDR_RYJB', 'D_GS_ZDR_GJLB', 'D_GS_BK_CZYQ', 'D_BZ_SJLY')
 const dict = reactive({ D_GSXT_YJXX_CZZT, D_GS_SSYJ })
 // 搜索配置
 const searchConfiger = ref([
@@ -127,9 +121,9 @@ const searchConfiger = ref([
   { label: "布控单位", prop: 'gkbmdm', showType: "department", placeholder: "请选择布控单位" },
   { label: "所属单位", prop: 'ssbmdm', showType: "department", placeholder: "请选择所属单位" },
   { label: "相似度", prop: 'xsd', showType: "input", placeholder: "请输入相似度" },
-  { prop: 'sfglyj', showType: "checkbox", showSelectAll: false, options: [{ label: '关联预警', value: '1' }] },
-  { prop: 'sfgz', showType: "checkbox", showSelectAll: false, options: [{ label: '重点关注', value: '1' }] },
-  { prop: 'sfzp', showType: "checkbox", showSelectAll: false, options: [{ label: '二次指派', value: '1' }] },
+  { key: 'sfglyj', label: '关联预警', type: 'select', options: D_BZ_SF, placeholder: '请选择关联预警' },
+  { key: 'sfgz', label: '重点关注', type: 'select', options: D_BZ_SF, placeholder: '请选择重点关注' },
+  { key: 'sfzp', label: '二次指派', type: 'select', options: D_BZ_SF, placeholder: '请选择二次指派' },
   { label: "签收状态", prop: 'czzt', showType: "select", options: D_GSXT_YJXX_CZZT },
   { label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT },
   { label: "布控状态", prop: 'zkzt', showType: "select", options: D_GS_BKZT, placeholder: "请选择布控状态" },
@@ -140,13 +134,7 @@ const searchConfiger = ref([
   { label: "跨地区", prop: 'sflksd', showType: "select", options: D_BZ_SF, placeholder: "请选择是否跨地区" },
   { label: "身份证号", prop: 'yjRysfzh', showType: "input", placeholder: "请输入身份证号" },
   { label: "预警内容", prop: 'yjNr', showType: "input", placeholder: "请输入预警内容" },
-  // { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
-  // { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
-  // { label: "预警标签", prop: 'yjbqmc', placeholder: "请输入预警标签", showType: "input" },
-  // { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
-  // { label: "级别", prop: 'yjJb', placeholder: "请选择级别", showType: "select" ,options: D_BZ_YJJB},
-  // { label: "积分段", prop: 'jfd', placeholder: "请选择积分段", showType: "Slot" },
-  // { label: "布控时间", prop: 'startTime', placeholder: "请选择布控时间", showType: "datetimerange" },
+
 ]);
 const ORDIMG = 'https://89.40.7.122:38496/image'
 const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
@@ -172,25 +160,27 @@ const pageData = reactive({
   },
   controlsWidth: 180, //操作栏宽度
   tableColumn: [
-    { label: "状态", prop: "czzt", showSolt: true, width: 80 },
-    { label: "预警时间", prop: "yjSj", showOverflowTooltip: true },
-    { label: "姓名", prop: "yjRyxm" , width: 50},
-    { label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true },
-    { label: "性别", prop: "sex", showSolt: true , width: 50},
-    { label: "年龄", prop: "age", showSolt: true, width: 50 },
-    { label: "预警级别", prop: "yjJb", showSolt: true , width: 50},
-    { label: "布控单位", prop: "gkbmdm", showSolt: true , width: 50},
-    { label: "布控来源", prop: "bkly", showSolt: true , width: 50},
-    { label: "布控范围", prop: "bkfw", showSolt: true },
-    { label: "布控开始时间", showOverflowTooltip: true, prop: "bkkssj", showSolt: true },
-    { label: "布控结束时间", showOverflowTooltip: true, prop: "bkjssj", showSolt: true },
-    { label: "处置要求", prop: "bkczyq", showSolt: true, showOverflowTooltip: true },
-    { label: "相似度", prop: "xsd", showSolt: true, width: 50 },
-    { label: "预警内容", prop: "yjNr", showOverflowTooltip: true, showSolt: true },
-    { label: "所属部门", prop: "ssbm", showOverflowTooltip: true },
-    { label: "数据来源", prop: "yjLylx", showOverflowTooltip: true, showSolt: true },
-    { label: "超时状态", prop: "cszt", showOverflowTooltip: true, showSolt: true, width: 50 },
-    { label: "在控状态", prop: "zkzt", showOverflowTooltip: true, showSolt: true, width: 50 },
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { label: "处置状态", align: 'center', width: 70, slotName: 'czzt' },
+    { prop: 'yjSj', label: '预警时间', width: 80 },
+    { prop: 'yjRyxm', label: '人员姓名', width: 70 },
+    { prop: 'yjRysfzh', label: '身份证号', width: 80 },
+    { label: '性别', width: 50, align: 'center', slotName: 'xbdm' },
+    { prop: 'nl', label: '年龄', width: 50, align: 'center' },
+    { label: '预警级别', width: 80, align: 'center', slotName: 'yjJb' },
+    { label: "布控单位", prop: "gkbmmc", align: 'center' },
+    { label: "布控来源", align: 'center', slotName: 'bkly', width: 70 },
+    { prop: 'bkfw', label: "布控范围", align: 'center', width: 70 },
+    { prop: 'bkkssj', label: "布控开始时间", align: 'center' },
+    { prop: 'bkjssj', label: "布控结束时间", align: 'center' },
+    { label: "处置要求", width: 70, slotName: 'bkczyq', align: 'center' },
+    { label: "预警内容", prop: "yjNr", align: 'center' },
+    { label: "相似度", slotName: "xsd", align: 'center', width: 50 },
+    { label: "所属部门", prop: "ssbm", align: 'center' },
+    { label: "数据来源", slotName: "yjLylx", align: 'center' },
+    { label: '操作', width: 180, slotName: 'operation' },
+    { label: '超时状态', width: 80, align: 'center', slotName: 'cszt' },
+    { label: "在控状态", width: 70, align: 'center', slotName: "zkzt" },
   ]
 });
 
@@ -303,7 +293,7 @@ const handleCzjy = (row) => {
 }
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 230;
 
   window.onresize = function () {
     tabHeightFn();
@@ -389,10 +379,9 @@ const openBox = (val) => {
 }
 
 .tabBox_zdy {
-  .el-table--fit {
-    overflow: unset !important;
-  }
+  background-color: #fff;
 }
+
 ::v-deep .el-table .cell {
   padding: 0;
 }
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/fouColorWarning/index copy.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/fouColorWarning/index copy.vue
new file mode 100644
index 0000000..84ccd64
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/fouColorWarning/index copy.vue	
@@ -0,0 +1,205 @@
+<template>
+  <div>
+    <div ref="searchBox" class="mt10 mb10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
+    </div>
+    <!-- 搜索 -->
+
+    <!-- 表格 -->
+    <div class="tabBox heightBox">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        expand :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+        <template #expand="{ props }">
+          <div style="max-width: 100%">
+            <Items :row="props || {}" />
+          </div>
+        </template>
+        <template #yjtp="{ row }">
+          <div v-if="!row.yjtp || row.yjtp.includes('baidu')">
+            <img src="@/assets/images/car.png" width="30" height="40" v-if="row.yjlb == 2" />
+            <img src="@/assets/images/default_male.png" width="30" height="40" v-else />
+          </div>
+          <el-image preview-teleported v-else @click.stop style="width: 30px; height: 40px" :src="row.yjtp"
+            :preview-src-list="[row.yjtp]" show-progress>
+            <template #error>
+              <div class="image-slot error">
+                <img src="@/assets/images/car.png" width="30" height="40" v-if="row.yjlb == 2" />
+                <img src="@/assets/images/default_male.png" width="30" height="40" v-else />
+              </div>
+            </template>
+          </el-image>
+        </template>
+
+        <template #yjjb="{ row }">
+          <DictTag :value="row.yjjb" :tag="false" :color="bqYs(row.yjjb)" :options="D_BZ_YJJB" />
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
+        </template>
+        <template #yjlb="{ row }">
+          <DictTag :value="row.yjlb" :options="D_BZ_YJLX" />
+        </template>
+        <template #controls="{ row }">
+          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
+          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link> -->
+          <!-- <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
+          <!-- <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01'">签收</el-link>
+          <el-link type="success" @click="handleQsFk(row, '反馈')" v-else-if="row.czzt == '02'">反馈</el-link>
+          <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
+          <!-- <el-link type="primary" @click="openAddModel(row)">详情</el-link> -->
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <!-- 详情 -->
+  <HolographicArchive v-model="assessShow" :dataList="dataList" />
+</template>
+
+<script setup>
+import Items from "./item/items.vue"
+import Search from "@/components/aboutTable/Search.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import { qcckPost } from "@/api/qcckApi.js";
+import HolographicArchive from '@/views/home/components/holographicArchive.vue'
+import { reactive, ref, onMounted, getCurrentInstance, computed, watch } from "vue";
+const { proxy } = getCurrentInstance();
+const { D_BZ_YJJB, D_BZ_YJLX,D_BZ_YJLY } = proxy.$dict("D_BZ_YJJB","D_BZ_YJLX",'D_BZ_YJLY'); //获取字典数据
+const searchBox = ref(); //搜索框
+import { holographicProfileJump } from "@/utils/tools.js"
+const searchConfiger = ref(
+  [
+    { label: "预警级别", prop: 'yjjbList', placeholder: "请选择预警级别", showType: "select", options: D_BZ_YJJB },
+    { label: "来源类型", prop: 'yjlxList', placeholder: "请选择来源类型", showType: "select", options: D_BZ_YJLY,multiple:true },
+    { label: "身份证号", prop: 'rysfzh', placeholder: "请输入身份证", showType: "input",},
+    { label: "部门", prop: 'ssbmdm',  showType: "department"},
+    { label: "时间", prop: 'timeRange',  showType: "datetimerange"},
+  ]);
+
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false,
+    haveControls: true
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 100, //操作栏宽度
+  tableColumn: [
+    { label: "预警图片", prop: "yjtp", showSolt: true, width: 100 },
+    { label: "预警标签", prop: "yjbq", width: 120 },
+    { label: "预警地址", prop: "yjdz" },
+    { label: "预警级别", prop: "yjjb", showSolt: true, width: 85 },
+    { label: "预警类别", prop: "yjlb", showSolt: true },
+    { label: "来源类型", prop: "yjLylx", showSolt: true,width: 100 },
+    { label: "预警时间", prop: "yjsj", width: 200 },
+    { label: "所属部门", prop: "ssbm" },
+    { label: "姓名", prop: "ryxm",width: 100 },
+    { label: "身份证号", prop: "rysfzh", width: 170 },
+    { label: "车牌号", prop: "cph" ,width: 100},
+  ]
+});
+
+onMounted(() => {
+  tabHeightFn();
+  getList()
+
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = { ...val }
+  queryFrom.value.startTime = val.timeRange ? val.timeRange[0] : ''
+  queryFrom.value.endTime = val.timeRange ? val.timeRange[1] : ''
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+const ORDIMG = 'https://89.40.7.122:38496/image'
+const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  const promes = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize
+  }
+  delete promes.timeRange;
+  qcckPost(promes, '/mosty-gsxt/tbYjxx/getPageAllList').then((res) => {
+    console.log(res);
+    pageData.total = res.total || 0;
+    pageData.tableConfiger.loading = false;
+    pageData.tableData = res.records.map(item => {
+      return {
+        ...item,
+        yjtp: item.yjlx == '01' ? item.yjtp.replace(ORDIMG, IMGYM) : item.yjtp
+      }
+    }) || [];
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  })
+}
+
+
+
+const bqYs = (val) => {
+  if (val == '01') {
+    return '#ff0202'
+  } else if (val == '02') {
+    return '#ff8c00'
+  } else if (val == '03') {
+    return '#ffd325'
+  } else if (val == '04') {
+    return '#0000ff'
+  }
+}
+// 全息档案
+const assessShow = ref(false)
+const dataList = ref()
+const pushAssess = (val) => {
+  return holographicProfileJump(val?.yjlb, val) // 全息档案跳转
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 240;
+  window.onresize = function () { tabHeightFn(); };
+};
+</script>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/fouColorWarning/index.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/fouColorWarning/index.vue
index 84ccd64..0470a26 100644
--- a/src/views/backOfficeSystem/fourColorManage/warningControl/fouColorWarning/index.vue
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/fouColorWarning/index.vue
@@ -1,24 +1,19 @@
 <template>
   <div>
-    <div ref="searchBox" class="mt10 mb10">
-      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
-    </div>
     <!-- 搜索 -->
+    <div ref="searchBox" class="mt10 mb10">
+      <QueryFormPanel v-model="listQuery" :fields="searchConfiger" @search='onSearch' />
+    </div>
 
     <!-- 表格 -->
-    <div class="tabBox heightBox">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        expand :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
-        <template #expand="{ props }">
-          <div style="max-width: 100%">
-            <Items :row="props || {}" />
-          </div>
-        </template>
+    <div class="bgTable">
+      <WarnDataTable :loading="pageData.tableConfiger.loading" :tableHeight="pageData.tableHeight"
+        :data="pageData.tableData" :columns="pageData.tableColumn" table-class="warn-table">
         <template #yjtp="{ row }">
-          <div v-if="!row.yjtp || row.yjtp.includes('baidu')">
+          <template v-if="!row.yjtp || row.yjtp.includes('baidu')">
             <img src="@/assets/images/car.png" width="30" height="40" v-if="row.yjlb == 2" />
             <img src="@/assets/images/default_male.png" width="30" height="40" v-else />
-          </div>
+          </template>
           <el-image preview-teleported v-else @click.stop style="width: 30px; height: 40px" :src="row.yjtp"
             :preview-src-list="[row.yjtp]" show-progress>
             <template #error>
@@ -31,7 +26,9 @@
         </template>
 
         <template #yjjb="{ row }">
-          <DictTag :value="row.yjjb" :tag="false" :color="bqYs(row.yjjb)" :options="D_BZ_YJJB" />
+          <div :style="{ 'background-color': bqYs(row.yjjb) }">
+            <DictTag :value="row.yjjb" :tag="false" color="#fff" :options="D_BZ_YJJB" />
+          </div>
         </template>
         <template #yjLylx="{ row }">
           <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
@@ -39,16 +36,12 @@
         <template #yjlb="{ row }">
           <DictTag :value="row.yjlb" :options="D_BZ_YJLX" />
         </template>
-        <template #controls="{ row }">
-          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link> -->
-          <!-- <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
-          <!-- <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01'">签收</el-link>
-          <el-link type="success" @click="handleQsFk(row, '反馈')" v-else-if="row.czzt == '02'">反馈</el-link>
-          <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
-          <!-- <el-link type="primary" @click="openAddModel(row)">详情</el-link> -->
+        <template #operation="{ row }">
+          <div style="display: flex;justify-content: space-between;">
+            <span class="warning" @click="pushAssess(row)">全息档案</span>
+          </div>
         </template>
-      </MyTable>
+      </WarnDataTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
         ...pageData.pageConfiger,
         total: pageData.total
@@ -60,26 +53,27 @@
 </template>
 
 <script setup>
-import Items from "./item/items.vue"
-import Search from "@/components/aboutTable/Search.vue";
-import MyTable from "@/components/aboutTable/MyTable.vue";
+import WarnDataTable from '@/views/backOfficeSystem/ces/components/WarnDataTable.vue'
+import QueryFormPanel from "@/views/backOfficeSystem/ces/components/QueryFormPanel.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import { qcckPost } from "@/api/qcckApi.js";
 import HolographicArchive from '@/views/home/components/holographicArchive.vue'
-import { reactive, ref, onMounted, getCurrentInstance, computed, watch } from "vue";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import { bqYs } from '@/utils/tools.js'
 const { proxy } = getCurrentInstance();
-const { D_BZ_YJJB, D_BZ_YJLX,D_BZ_YJLY } = proxy.$dict("D_BZ_YJJB","D_BZ_YJLX",'D_BZ_YJLY'); //获取字典数据
+const { D_BZ_YJJB, D_BZ_YJLX, D_BZ_YJLY } = proxy.$dict("D_BZ_YJJB", "D_BZ_YJLX", 'D_BZ_YJLY'); //获取字典数据
 const searchBox = ref(); //搜索框
 import { holographicProfileJump } from "@/utils/tools.js"
 const searchConfiger = ref(
   [
-    { label: "预警级别", prop: 'yjjbList', placeholder: "请选择预警级别", showType: "select", options: D_BZ_YJJB },
-    { label: "来源类型", prop: 'yjlxList', placeholder: "请选择来源类型", showType: "select", options: D_BZ_YJLY,multiple:true },
-    { label: "身份证号", prop: 'rysfzh', placeholder: "请输入身份证", showType: "input",},
-    { label: "部门", prop: 'ssbmdm',  showType: "department"},
-    { label: "时间", prop: 'timeRange',  showType: "datetimerange"},
+    { key: 'yjjbList', label: "预警级别", placeholder: "请选择预警级别", type: "select", options: D_BZ_YJJB },
+    { key: 'yjlxList', label: "来源类型", placeholder: "请选择来源类型", type: "select", options: D_BZ_YJLY, multiple: true },
+    { key: 'rysfzh', label: "身份证号", placeholder: "请输入身份证", type: "input" },
+    { key: 'ssbmdm', label: "部门", type: "department" },
+    { key: 'startTime', label: "时间", type: "datetimerange" },
   ]);
 
+const listQuery = ref({});
 const queryFrom = ref({});
 const pageData = reactive({
   tableData: [], //表格数据
@@ -97,17 +91,19 @@ const pageData = reactive({
   }, //分页
   controlsWidth: 100, //操作栏宽度
   tableColumn: [
-    { label: "预警图片", prop: "yjtp", showSolt: true, width: 100 },
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { label: "预警图片", slotName: "yjtp", width: 100, align: 'center' },
     { label: "预警标签", prop: "yjbq", width: 120 },
     { label: "预警地址", prop: "yjdz" },
-    { label: "预警级别", prop: "yjjb", showSolt: true, width: 85 },
-    { label: "预警类别", prop: "yjlb", showSolt: true },
-    { label: "来源类型", prop: "yjLylx", showSolt: true,width: 100 },
+    { label: "预警级别", slotName: "yjjb", width: 85, align: 'center' },
+    { label: "预警类别", slotName: "yjlb", width: 100 },
+    { label: "来源类型", slotName: "yjLylx", width: 100 },
     { label: "预警时间", prop: "yjsj", width: 200 },
     { label: "所属部门", prop: "ssbm" },
-    { label: "姓名", prop: "ryxm",width: 100 },
+    { label: "姓名", prop: "ryxm", width: 100 },
     { label: "身份证号", prop: "rysfzh", width: 170 },
-    { label: "车牌号", prop: "cph" ,width: 100},
+    { label: "车牌号", prop: "cph", width: 100 },
+    { label: '操作', width: 100, slotName: 'operation', align: 'center' },
   ]
 });
 
@@ -120,8 +116,8 @@ onMounted(() => {
 // 搜索
 const onSearch = (val) => {
   queryFrom.value = { ...val }
-  queryFrom.value.startTime = val.timeRange ? val.timeRange[0] : ''
-  queryFrom.value.endTime = val.timeRange ? val.timeRange[1] : ''
+  queryFrom.value.startTime = val.startTime ? val.startTime[0] : ''
+  queryFrom.value.endTime = val.startTime ? val.startTime[1] : ''
   pageData.pageConfiger.pageCurrent = 1;
   getList()
 }
@@ -142,7 +138,7 @@ const getList = () => {
     pageCurrent: pageData.pageConfiger.pageCurrent,
     pageSize: pageData.pageConfiger.pageSize
   }
-  delete promes.timeRange;
+  delete promes.startTime;
   qcckPost(promes, '/mosty-gsxt/tbYjxx/getPageAllList').then((res) => {
     console.log(res);
     pageData.total = res.total || 0;
@@ -160,17 +156,7 @@ const getList = () => {
 
 
 
-const bqYs = (val) => {
-  if (val == '01') {
-    return '#ff0202'
-  } else if (val == '02') {
-    return '#ff8c00'
-  } else if (val == '03') {
-    return '#ffd325'
-  } else if (val == '04') {
-    return '#0000ff'
-  }
-}
+
 // 全息档案
 const assessShow = ref(false)
 const dataList = ref()
@@ -197,9 +183,13 @@ const tabHeightFn = () => {
 };
 </script>
 
-<style>
+<style scoped lang="scss">
 .el-loading-mask {
   background: rgba(0, 0, 0, 0.5) !important;
 
 }
+
+.bgTable {
+  background-color: #fff;
+}
 </style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/identityWarning/index copy.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/identityWarning/index copy.vue
new file mode 100644
index 0000000..8fdb4fc
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/identityWarning/index copy.vue	
@@ -0,0 +1,402 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10 mb10">
+      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
+        <template #jfd>
+          <div>
+            <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
+            <span style="color: #333;margin: 0 4px;">至</span>
+            <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
+          </div>
+        </template>
+      </Searchs>
+    </div>
+    <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="exportExl">导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs">签收</el-button>
+      </template>
+    </PageTitle>
+    <!-- 表格 -->
+    <div class="tabBox tabBox_zdy heightBox" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" expand
+        @chooseData="handleChooseData">
+        <template #expand="{ props }">
+          <div style="max-width: 100%">
+            <Items :row="props || {}" :dict="dict" />
+          </div>
+        </template>
+        <template #sfcs="{ row }">
+          <span style="color: #0072ff;" @click="handleClick(row)">{{ row.sfcs }}</span>
+        </template>
+        <template #czzt="{ row }">
+          <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #sffz>
+          <el-table-column prop="bqfz" width="80" align="center" label="标签分值" />
+          <el-table-column prop="pzxs" width="60" align="center" label="系数" />
+          <el-table-column prop="sffz" width="90" align="center" label="计算分值"/>
+        </template>
+        <template #controls="{ row }">
+          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
+          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
+          <el-link type="primary" @click="chooseJfFun(row)">配置系统</el-link>
+          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link>
+          <el-link type="danger" @click="handleQsFk(row)">转会商</el-link> -->
+          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
+          <el-link type="success" @click="handleQsFk(row, '反馈')"
+            v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
+          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
+          <el-link type="primary" @click="openAddFrom(row)">详情</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <Detail ref="detailRef" />
+  <HolographicArchive v-model="assessShow" :dataList="dataList" />
+  <FkDialog @change="getList" lx="03" />
+  <Information v-model="showDialog" title="发送指令" @submit='submit' @close='closeFszl'>
+    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj"
+      :tacitly="tacitly" />
+  </Information>
+  <AddFrom ref="addModelRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_GS_SSYJ }" />
+
+  <!-- 处置建议 -->
+  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
+
+  <ChooseJf v-model="chooseJfShow" titleValue="选择系数" :Single="false" :chooseJfBh="chooseJfBh" url="/yjzxSfyj/sjxspz"
+    :roleIds="roleIds" />
+</template>
+
+<script setup>
+import Czjy from './components/czjy.vue'
+import { getItem, setItem } from '@/utils/storage'
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import Searchs from "@/components/aboutTable/Search.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import HolographicArchive from '@/views/home/components/holographicArchive.vue'
+import Information from "@/views/home/model/information.vue";
+import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
+import AddFrom from "./components/addFrom.vue";
+import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
+import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { yjzxSfyjSelectList, yjzxyjzxSfyjSelectList } from "@/api/yj.js";
+import { tbGsxtBqglSelectList } from '@/api/zdr'
+import Detail from './components/detail.vue'
+import { watch } from "vue";
+import emitter from "@/utils/eventBus.js";
+import { holographicProfileJump } from "@/utils/tools.js"
+import Items from "./item/items.vue"
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import { getMultiDictVal } from "@/utils/dict.js"
+const czjyRef = ref()
+const { proxy } = getCurrentInstance();
+const searchBox = ref();
+const { D_GSXT_YJXX_CZZT, D_GS_SSYJ, D_BZ_YJJB } = proxy.$dict("D_GSXT_YJXX_CZZT", "D_GS_SSYJ", 'D_BZ_YJJB')
+const dict = reactive({ D_GSXT_YJXX_CZZT, D_GS_SSYJ })
+// 搜索配置
+const searchConfiger = ref([
+  { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
+  { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
+  { label: "预警标签", prop: 'yjbqmc', placeholder: "请输入预警标签", showType: "input" },
+  { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
+  { label: "级别", prop: 'bqys', placeholder: "请选择级别", showType: "select", options: D_BZ_YJJB },
+  { label: "积分段", prop: 'jfd', placeholder: "请选择积分段", showType: "Slot" },
+  { label: "预警时间", prop: 'times', showType: "datetimerange" },
+]);
+
+const permission_sfqs = ref(false)
+const roleCode = ref(false)
+
+const queryFrom = ref({});
+
+// 页面数据
+const pageData = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true,
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 300, //操作栏宽度
+  tableColumn: [
+    { label: "状态", prop: "czzt", showSolt: true },
+    { label: "预警时间", prop: "yjsj"  ,width: 180},
+    { label: "姓名", prop: "xm" },
+    { label: "身份证号", prop: "sfzh" ,width: 180},
+    { label: "标签", prop: "yjbqmc" },
+    { label: "接收单位", prop: "ssbm" },
+    { label: "活动频次", prop: "sfcs",width: 90 },
+    { label: "预警分值", prop: "sffz",showSolt: true  },
+  ]
+});
+
+onMounted(() => {
+  let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
+  permission_sfqs.value = str.startsWith('2' || '3') ? false : true;
+  let rols = getItem('roleList') ? getItem('roleList') : []
+  let obj = rols.find(item => {
+    return ['JS_666666', 'JS_777777', 'JS_888888'].includes(item.roleCode)
+  })
+  roleCode.value = obj ? true : false;
+
+  gettbGsxtBqglSelectList()
+  tabHeightFn();
+  getList();
+});
+
+
+const onSearch = (val) => {
+  queryFrom.value = { ...queryFrom.value, ...val };
+  queryFrom.value.startTime = val.times ? val.times[0] : ''
+  queryFrom.value.endTime = val.times ? val.times[1] : ''
+  pageData.pageConfiger.pageCurrent = 1;
+  getList();
+};
+
+const reset = () => {
+  delete queryFrom.value.ksfz
+  delete queryFrom.value.jsfz
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList();
+};
+
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList();
+};
+
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  // TODO: 替换为实际的身份预警API接口
+  let params = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize,
+  }
+  delete params.times;
+  yjzxSfyjSelectList(params).then((res) => {
+    pageData.tableData = Array.isArray(res?.records) ? res.records : [];
+    pageData.tableData = pageData.tableData.map(item => {
+      return {
+        ...item,
+        bqys_cname: getMultiDictVal(item.bqys, D_GS_SSYJ),
+        czzt_cname: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+      }
+    })
+    pageData.total = res?.total || 0;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  });
+};
+// 标签
+const bqLbData = ref({
+  bqDl: [],
+  bqXl: []
+})
+const gettbGsxtBqglSelectList = (val) => {
+  const promes = {
+    bqLx: '01',
+    bqLb: val ? '02' : "01",
+    bqDlId: val ? bqLbData.value.bqDl.find(item => item.value == val)?.id : ""
+  }
+  tbGsxtBqglSelectList(promes).then((res) => {
+    if (val) {
+      queryFrom.value.bqxl = ''
+      bqLbData.value.bqXl = res.data ? res.data.map(item => {
+        return {
+          label: item.bqMc,
+          value: item.bqDm,
+        }
+      }) : []
+    } else {
+      bqLbData.value.bqDl = res ? res.map(item => {
+        return {
+          label: item.bqMc,
+          value: item.bqDm,
+          id: item.id
+        }
+      }) : []
+    }
+
+  })
+}
+
+watch(() => bqLbData.value.bqXl, (res) => {
+  bqLbData.value.bqXl = res
+}, { deep: true })
+
+// 查看详情
+const detailRef = ref()
+const handleClick = (row) => {
+  detailRef.value.init(row)
+}
+// 处理签收
+const handleQsFk = (val, type) => {
+  switch (type) {
+    case '签收':
+      proxy.$confirm("是否确定要签收？", "警告", { type: "warning" }).then(() => {
+        qcckPost({ id: val.id }, "/mosty-gsxt//yjzxSfyj/yjqs").then(() => {
+          val.czzt = '02'
+          getList()
+          proxy.$message({ type: "success", message: "签收成功" });
+        });
+      })
+      break;
+    case '反馈':
+    case '查看反馈':
+      emitter.emit("openFkDialog", { id: val.id, type });
+      break;
+  }
+
+}
+
+// 全息档案
+const assessShow = ref(false)
+const dataList = ref()
+const pushAssess = (val) => {
+  return holographicProfileJump(val.yjlb, val) // 全息档案跳转
+}
+
+// 发送指令
+const showDialog = ref(false)
+const itemData = ref()
+const showDetail = (item) => {
+  showDialog.value = true;
+  itemData.value = item
+}
+const handleClose = () => {
+  showDialog.value = false;
+}
+const semdFqzlRef = ref()
+const tacitly = {
+  title: 'yjbt',
+  instructionContent: 'yjnr'
+}
+const submit = () => {
+  semdFqzlRef.value.getsendFqzl()
+}
+const closeFszl = () => {
+  semdFqzlRef.value.close()
+}
+const bqYs = (val) => {
+  if (val == '01') {
+    return '#ff0202'
+  } else if (val == '02') {
+    return '#ff8c00'
+  } else if (val == '03') {
+    return '#ffff00'
+  } else if (val == '04') {
+    return '#0000ff'
+  }
+}
+
+// 新增
+const addModelRef = ref(null)
+const openAddFrom = (row) => {
+  addModelRef.value.init('add', row)
+}
+// 选择系数
+const chooseJfShow = ref(false)
+const chooseJfBh = ref()
+const roleIds = ref()
+const chooseJfFun = (val) => {
+  chooseJfBh.value = val.id
+  yjzxyjzxSfyjSelectList(val.id).then(res => {
+    roleIds.value = res.sjxspzList.map(item => item.xsid)
+    chooseJfShow.value = true
+  })
+}
+
+
+
+
+const handleCzjy = (row) => {
+  czjyRef.value.init(row)
+}
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 280;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+/** 选中项 */
+const selectRows = ref([])
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    czzt_cname: "状态",
+    yjsj: "预警时间",
+    xm: "姓名",
+    sfzh: "身份证号",
+    yjbqmc: "标签",
+    ssbm: "接收单位",
+    sfcs: "活动频次",
+    sffz: "预警分值",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      bqys_cname: getMultiDictVal(item.bqys, D_GS_SSYJ),
+      czzt_cname: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+    }
+  })
+  exportExlByObj(titleObj, data, '身份预警')
+}
+
+const handleQs = () => {
+  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ids}, '/mosty-gsxt/yjzxSfyj/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+
+</script>
+
+<style scoped></style>
+<style lang="scss">
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+.tabBox_zdy {
+  .el-table--fit {
+    overflow: unset !important;
+  }
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/identityWarning/index.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/identityWarning/index.vue
index 8fdb4fc..a0b09cd 100644
--- a/src/views/backOfficeSystem/fourColorManage/warningControl/identityWarning/index.vue
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/identityWarning/index.vue
@@ -1,57 +1,44 @@
 <template>
   <div>
     <!-- 搜索 -->
-    <div ref="searchBox" class="mt10 mb10">
-      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
-        <template #jfd>
-          <div>
-            <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
-            <span style="color: #333;margin: 0 4px;">至</span>
-            <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
-          </div>
+    <div ref="searchBox" class="mt10">
+      <QueryFormPanel :fields="searchConfiger" @search='onSearch'>
+        <template #but>
+          <el-button type="primary" @click="exportExl" size="small">导出</el-button>
+          <el-button type="primary" size="small" @click="handleQs">签收</el-button>
         </template>
-      </Searchs>
+      </QueryFormPanel>
     </div>
-    <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
-      <template #left>
-        <el-button type="primary" size="small" @click="exportExl">导出</el-button>
-        <el-button type="primary" size="small" @click="handleQs">签收</el-button>
-      </template>
-    </PageTitle>
+
     <!-- 表格 -->
-    <div class="tabBox tabBox_zdy heightBox" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" expand
-        @chooseData="handleChooseData">
-        <template #expand="{ props }">
-          <div style="max-width: 100%">
-            <Items :row="props || {}" :dict="dict" />
-          </div>
-        </template>
+    <div :style="{ height: (pageData.tableHeight + 40) + 'px' }" class="bgTable">
+      <WarnDataTable :loading="pageData.tableConfiger.loading" :tableHeight="pageData.tableHeight"
+        :data="pageData.tableData" :columns="pageData.tableColumn" table-class="warn-table"
+        @selectionChange="handleChooseData">
         <template #sfcs="{ row }">
           <span style="color: #0072ff;" @click="handleClick(row)">{{ row.sfcs }}</span>
         </template>
         <template #czzt="{ row }">
-          <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+          <DictTag :value="row.czzt" :color="row.czzt === '01' ? '#ff2424' : '#1d72e8'" :tag="false"
+            :options="D_GSXT_YJXX_CZZT" />
         </template>
-        <template #sffz>
-          <el-table-column prop="bqfz" width="80" align="center" label="标签分值" />
-          <el-table-column prop="pzxs" width="60" align="center" label="系数" />
-          <el-table-column prop="sffz" width="90" align="center" label="计算分值"/>
+        <template #bqys="{ row }">
+          <div :style="{ 'background-color': bqYs(row.bqys) }">
+            <DictTag :value="row.bqys" color="#fff" :tag="false" :options="D_GS_SSYJ" />
+          </div>
         </template>
-        <template #controls="{ row }">
-          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
-          <el-link type="primary" @click="chooseJfFun(row)">配置系统</el-link>
-          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link>
-          <el-link type="danger" @click="handleQsFk(row)">转会商</el-link> -->
-          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
-          <el-link type="success" @click="handleQsFk(row, '反馈')"
-            v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
-          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
-          <el-link type="primary" @click="openAddFrom(row)">详情</el-link>
+        <template #operation="{ row }">
+          <div style="display: flex;justify-content: space-between;">
+            <span class="warning" @click="pushAssess(row)">全息档案</span>
+            <span class="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</span>
+            <span class="primary" @click="chooseJfFun(row)">配置系统</span>
+            <span class="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</span>
+            <span class="success" @click="handleQsFk(row, '反馈')"
+              v-else-if="row.czzt == '02' && permission_sfqs">反馈</span>
+            <span class="primary" @click="openAddFrom(row)">详情</span>
+          </div>
         </template>
-      </MyTable>
+      </WarnDataTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
         ...pageData.pageConfiger,
         total: pageData.total
@@ -76,10 +63,7 @@
 
 <script setup>
 import Czjy from './components/czjy.vue'
-import { getItem, setItem } from '@/utils/storage'
-import PageTitle from "@/components/aboutTable/PageTitle.vue";
-import Searchs from "@/components/aboutTable/Search.vue";
-import MyTable from "@/components/aboutTable/MyTable.vue";
+import { getItem } from '@/utils/storage'
 import Pages from "@/components/aboutTable/Pages.vue";
 import HolographicArchive from '@/views/home/components/holographicArchive.vue'
 import Information from "@/views/home/model/information.vue";
@@ -87,31 +71,34 @@ import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
 import AddFrom from "./components/addFrom.vue";
 import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
 import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
-import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
-import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import { qcckPost } from "@/api/qcckApi.js";
 import { yjzxSfyjSelectList, yjzxyjzxSfyjSelectList } from "@/api/yj.js";
 import { tbGsxtBqglSelectList } from '@/api/zdr'
 import Detail from './components/detail.vue'
 import { watch } from "vue";
 import emitter from "@/utils/eventBus.js";
-import { holographicProfileJump } from "@/utils/tools.js"
-import Items from "./item/items.vue"
+import { holographicProfileJump, bqYs } from "@/utils/tools.js"
 import { exportExlByObj } from "@/utils/exportExcel.js"
 import { getMultiDictVal } from "@/utils/dict.js"
+import WarnDataTable from '@/views/backOfficeSystem/ces/components/WarnDataTable.vue'
+import QueryFormPanel from "@/views/backOfficeSystem/ces/components/QueryFormPanel.vue";
 const czjyRef = ref()
 const { proxy } = getCurrentInstance();
 const searchBox = ref();
 const { D_GSXT_YJXX_CZZT, D_GS_SSYJ, D_BZ_YJJB } = proxy.$dict("D_GSXT_YJXX_CZZT", "D_GS_SSYJ", 'D_BZ_YJJB')
 const dict = reactive({ D_GSXT_YJXX_CZZT, D_GS_SSYJ })
+
 // 搜索配置
 const searchConfiger = ref([
-  { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
-  { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
-  { label: "预警标签", prop: 'yjbqmc', placeholder: "请输入预警标签", showType: "input" },
-  { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
-  { label: "级别", prop: 'bqys', placeholder: "请选择级别", showType: "select", options: D_BZ_YJJB },
-  { label: "积分段", prop: 'jfd', placeholder: "请选择积分段", showType: "Slot" },
-  { label: "预警时间", prop: 'times', showType: "datetimerange" },
+  { key: 'xm', label: '姓名', type: 'input', placeholder: '请输入姓名' },
+  { key: 'sfzh', label: '身份证号码', type: 'input', placeholder: '请输入身份证号码' },
+  { key: 'yjbqmc', label: '预警标签', type: 'input', placeholder: '请输入预警标签' },
+  { key: 'ssbmdm', label: '部门', type: 'department', placeholder: '请选择部门' },
+  { key: 'bqys', label: '级别', type: 'select', options: D_BZ_YJJB, placeholder: '请选择级别' },
+  { key: 'ksfz', label: '开始身份分值', type: 'number', placeholder: '请输入开始身份分值' },
+  { key: 'jsfz', label: '结束身份分值', type: 'number', placeholder: '请输入结束身份分值' },
+  { key: 'startTime', label: '预警时间', type: 'datetimerange', placeholder: '请选择预警时间' },
 ]);
 
 const permission_sfqs = ref(false)
@@ -136,14 +123,19 @@ const pageData = reactive({
   },
   controlsWidth: 300, //操作栏宽度
   tableColumn: [
-    { label: "状态", prop: "czzt", showSolt: true },
-    { label: "预警时间", prop: "yjsj"  ,width: 180},
-    { label: "姓名", prop: "xm" },
-    { label: "身份证号", prop: "sfzh" ,width: 180},
-    { label: "标签", prop: "yjbqmc" },
-    { label: "接收单位", prop: "ssbm" },
-    { label: "活动频次", prop: "sfcs",width: 90 },
-    { label: "预警分值", prop: "sffz",showSolt: true  },
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { label: '状态', width: 80, align: 'center', slotName: 'czzt' },
+    { prop: 'yjsj', label: '预警时间', width: 180, align: 'center' },
+    { prop: 'xm', label: '姓名', width: 100, align: 'center' },
+    { prop: 'sfzh', label: '身份证号', width: 180, align: 'center' },
+    { prop: 'yjbqmc', label: '标签', width: 120, align: 'center' },
+    { label: '级别', width: 88, align: 'center', slotName: 'bqys' },
+    { prop: 'ssbm', label: '接收单位', align: 'center' },
+    { label: '活动频次', slotName: 'sfcs', width: 90, align: 'center' },
+    { prop: 'bqfz', label: '标签分值', width: 80, align: 'center' },
+    { prop: 'pzxs', label: '系数', width: 60, align: 'center' },
+    { prop: 'sffz', label: '计算分值', width: 90, align: 'center' },
+    { label: '操作', width: 240, slotName: 'operation' },
   ]
 });
 
@@ -163,18 +155,15 @@ onMounted(() => {
 
 
 const onSearch = (val) => {
-  queryFrom.value = { ...queryFrom.value, ...val };
-  queryFrom.value.startTime = val.times ? val.times[0] : ''
-  queryFrom.value.endTime = val.times ? val.times[1] : ''
+  queryFrom.value = { ...val };
+  if (val.startTime && Array.isArray(val.startTime)) {
+    queryFrom.value.startTime = val.startTime[0]
+    queryFrom.value.endTime = val.startTime[1]
+  }
   pageData.pageConfiger.pageCurrent = 1;
   getList();
 };
 
-const reset = () => {
-  delete queryFrom.value.ksfz
-  delete queryFrom.value.jsfz
-}
-
 const changeNo = (val) => {
   pageData.pageConfiger.pageCurrent = val;
   getList();
@@ -193,16 +182,8 @@ const getList = () => {
     pageCurrent: pageData.pageConfiger.pageCurrent,
     pageSize: pageData.pageConfiger.pageSize,
   }
-  delete params.times;
   yjzxSfyjSelectList(params).then((res) => {
     pageData.tableData = Array.isArray(res?.records) ? res.records : [];
-    pageData.tableData = pageData.tableData.map(item => {
-      return {
-        ...item,
-        bqys_cname: getMultiDictVal(item.bqys, D_GS_SSYJ),
-        czzt_cname: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
-      }
-    })
     pageData.total = res?.total || 0;
     pageData.tableConfiger.loading = false;
   }).catch(() => {
@@ -299,17 +280,6 @@ const submit = () => {
 const closeFszl = () => {
   semdFqzlRef.value.close()
 }
-const bqYs = (val) => {
-  if (val == '01') {
-    return '#ff0202'
-  } else if (val == '02') {
-    return '#ff8c00'
-  } else if (val == '03') {
-    return '#ffff00'
-  } else if (val == '04') {
-    return '#0000ff'
-  }
-}
 
 // 新增
 const addModelRef = ref(null)
@@ -336,7 +306,7 @@ const handleCzjy = (row) => {
 }
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 280;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 230;
   window.onresize = function () {
     tabHeightFn();
   };
@@ -353,9 +323,12 @@ const exportExl = () => {
     xm: "姓名",
     sfzh: "身份证号",
     yjbqmc: "标签",
+    bqys_cname: "级别",
     ssbm: "接收单位",
     sfcs: "活动频次",
-    sffz: "预警分值",
+    bqfz: "标签分值",
+    pzxs: "系数",
+    sffz: "计算分值",
   }
   /** 导出【选中】的数据 （没有就全部）*/
   const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
@@ -370,14 +343,14 @@ const exportExl = () => {
 }
 
 const handleQs = () => {
-  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
   let wqs = selectRows.value.filter(item => item.czzt == '01');
   if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
   let yqs = selectRows.value.filter(item => item.czzt == '02');
   let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
   proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
     let ids = wqs.map(item => item.id)
-    qcckPost({ids}, '/mosty-gsxt/yjzxSfyj/batchQs').then(() => {
+    qcckPost({ ids }, '/mosty-gsxt/yjzxSfyj/batchQs').then(() => {
       proxy.$message({ type: "success", message: "成功" });
       getList();
     }).catch(() => {
@@ -388,15 +361,20 @@ const handleQs = () => {
 
 </script>
 
-<style scoped></style>
-<style lang="scss">
+<style lang="scss" scoped>
 .el-loading-mask {
   background: rgba(0, 0, 0, 0.5) !important;
 }
 
-.tabBox_zdy {
-  .el-table--fit {
-    overflow: unset !important;
-  }
+::v-deep .el-table .cell {
+  padding: 0;
+}
+
+::v-deep .el-table .el-table__cell {
+  padding: 4px 0;
+}
+
+.bgTable {
+  background-color: #fff;
 }
 </style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/index copy.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/index copy.vue
new file mode 100644
index 0000000..2b53ade
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/index copy.vue	
@@ -0,0 +1,332 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10 mb10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" ref="searchDom" :key="pageData.keyCount">
+      </Search>
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="exportExl">批量导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs">批量签收</el-button>
+        <el-button type="primary" size="small" @click="handleQs">批量分析</el-button>
+        <el-button type="primary" size="small" @click="countPeople">计算人数</el-button>
+      </template>
+    </PageTitle>
+    <!-- 表格 -->
+    <div class="tabBox heightBox">
+      <MyTable expand :tableData="pageData.tableData" :tableColumn="pageData.tableColumn"
+        :tableHeight="pageData.tableHeight" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger"
+        :controlsWidth="pageData.controlsWidth" @chooseData="handleChooseData">
+        <template #expand="{ props }">
+          <div style="max-width: 100%">
+            <Items :row="props || {}" />
+          </div>
+        </template>
+        <template #czzt="{ row }">
+          <DictTag :value="row.czzt" :tag="false" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #xbdm="{ row }">
+          <DictTag :value="row.xbdm" :tag="false" :options="D_BZ_XB" />
+        </template>
+        <template #age="{ row }">
+          <span v-if="row.yjRysfzh"> {{ IdCard(row.yjRysfzh, 3) }} </span>
+        </template>
+        <template #yjJb="{ row }">
+          <DictTag :value="row.yjJb" :tag="false" :options="D_BZ_YJJB" />
+        </template>
+        <template #bqdl="{ row }">
+          <DictTag :value="row.bqdl" :tag="false" :options="D_GS_QLZDRLX" />
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
+        </template>
+        <template #yjLx="{ row }">
+          <DictTag :value="row.yjLx" :tag="false" :options="D_GS_QLZDRYXX" />
+        </template>
+        <template #controls="{ row }">
+          <el-link type="primary" @click="handleQsSingle(row)">签收</el-link>
+          <el-link type="primary" @click="particularsOpen(row)">详情</el-link>
+          <el-link type="warning" @click="pushWarning(row)">指派</el-link>
+          <el-link type="warning" v-if="row.sfbc != '1'" @click="failWarning(row)">报错</el-link>
+          <el-link type="primary" @click="payAttention(row)">关注</el-link>
+
+        </template>
+        <template #cszt="{ row }">
+          <DictTag :value="row.cszt" :tag="false" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <ZpForm v-model="warningShow" :dataList="dataList" />
+  <Particulars v-model="particularsShow" :dataList="dataPres"
+    :dict="{ D_BZ_XB, D_BZ_YJJB, D_GS_QLZDRLX, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB }" />
+  <peopleConut v-model="searchOpen" :dataConut="dataConut" />
+</template>
+
+<script setup>
+import { getMultiDictVal } from "@/utils/dict.js"
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import Items from '@/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/item/items.vue'
+import ZpForm from "./zpForm.vue";
+import Particulars from "./particulars.vue";
+import { IdCard } from '@/utils/validate.js'
+import Search from "@/components/aboutTable/Search.vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance, } from "vue";
+import peopleConut from "./peopleConut.vue";
+const { proxy } = getCurrentInstance();
+const { D_BZ_YJLY, D_GS_QLZDRLX, D_GS_ZDR_GJLB, D_BZ_YJJB, D_GS_CSZT, D_GS_QLZDRYXX, D_BZ_XB, D_GSXT_YJXX_CZZT, D_GS_ZDR_RYJB } = proxy.$dict('D_BZ_YJLY', 'D_GS_QLZDRLX', "D_BZ_YJJB", "D_GS_QLZDRYXX", "D_BZ_XB", "D_GSXT_YJXX_CZZT", "D_GS_ZDR_RYJB", 'D_GS_ZDR_GJLB', 'D_GS_CSZT'); //获取字典数据
+const searchBox = ref(); //搜索框
+const warningShow = ref(false);
+const dataList = ref([]);
+const searchConfiger = ref(
+  [
+    { label: "预警时间", prop: 'startTime', showType: "datetimerange", placeholder: "请选择预警时间" },
+    { label: "预警级别", prop: 'yjJb', placeholder: "请选择预警级别", showType: "select", options: D_BZ_YJJB, multiple: true },
+    { label: "接收单位", prop: 'ssbmdm', showType: "department" },
+    { prop: 'sfglyj', showType: "checkbox", showSelectAll: false, options: [{ label: '关联预警', value: '1' }] },
+    { prop: 'sfgz', showType: "checkbox", showSelectAll: false, options: [{ label: '重点关注', value: '1' }] },
+    { prop: 'sfzp', showType: "checkbox", showSelectAll: false, options: [{ label: '二次指派', value: '1' }] },
+    { label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT },
+    { label: "人员类别", prop: 'bqdl', placeholder: "请选择人员类别", showType: "select", options: D_GS_QLZDRLX },
+    { label: "预警次数", prop: 'yjCs', placeholder: "请输入预警次数", showType: "number" },
+    { label: "人员级别", prop: 'yjJb', showType: "select", options: D_GS_ZDR_RYJB },
+    { label: "轨迹类别", prop: 'yjLylx', showType: "select", options: D_GS_ZDR_GJLB },
+    { label: "姓名", prop: 'yjRyxm', placeholder: "请输入姓名", showType: "input" },
+    { label: "性别", prop: 'xbdm', placeholder: "请选择性别", showType: "select", options: D_BZ_XB },
+    { label: "身份证", prop: 'yjRysfzh', placeholder: "请输入身份证号码", showType: "input" },
+    { label: "开始年龄", prop: 'ksnl', placeholder: "请输入年龄", showType: "number" },
+    { label: "结束年龄", prop: 'jsnl', placeholder: "请输入年龄", showType: "number" },
+    { label: "活动发生地", prop: 'yjDz', placeholder: "请输入活动发生地", showType: "input" },
+    { label: "人员细类", prop: 'yjbqmc', placeholder: "请输入人员细类", showType: "input" },
+  ])
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 200, //操作栏宽度
+  tableColumn: [
+    { label: "预警状态", prop: "czzt", showSolt: true, width: 70 },
+    { label: "预警时间", prop: "yjSj", width: 148 },
+    { label: "人员姓名", prop: "yjRyxm", },
+    { label: "身份证号", prop: "yjRysfzh", width: 148 },
+    { label: "性别", prop: "xbdm", showSolt: true, width: 60 },
+    { label: "年龄", prop: "age", showSolt: true, width: 50 },
+    { label: "级别", prop: "yjJb", showSolt: true, width: 50 },
+    { label: "人员类别", prop: "bqdl", showSolt: true, width: 100 },
+    { label: "人员细类", prop: "yjbqmc" },
+    { label: "轨迹类别", prop: "yjLylx", showSolt: true },
+    { label: "活动发生地", prop: "yjDz" },
+    { label: "接收单位", prop: "ssbm", width: 148 },
+    { label: "次数", prop: "yjCs", width: 50 },
+    { label: "超时状态", prop: "cszt" },
+  ]
+});
+
+onMounted(() => {
+  tabHeightFn();
+  getList()
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = { ...val, yjJb: val.yjJb?.join(',') || '' }
+  queryFrom.value.startTime = val.startTime ? val.startTime[0] : ''
+  queryFrom.value.endTime = val.startTime ? val.startTime[1] : ''
+  queryFrom.value.sfglyj = val.sfglyj?.join(',') || ''
+  queryFrom.value.sfgz = val.sfgz?.join(',') || ''
+  queryFrom.value.sfzp = val.sfzp?.join(',') || ''
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  const promes = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize,
+  }
+  delete promes.times;
+  qcckPost(promes, '/mosty-gsxt/tbYjxx/getQlzdrPageList').then((res) => {
+    pageData.total = res.total || 0;
+    pageData.tableConfiger.loading = false;
+    pageData.tableData = res.records || []
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  })
+}
+
+const pushWarning = (val) => {
+  warningShow.value = true;
+  dataList.value = val;
+}
+
+
+const failWarning = (val) => {
+  let ids = [val.id]
+  qcckPost({ ids }, '/mosty-gsxt/tbYjxx/yjbc').then((res) => {
+    proxy.$message({ type: "success", message: "成功" });
+    getList();
+  }).catch(() => {
+    proxy.$message({ type: "error", message: "失败" });
+  });
+}
+
+
+
+/** 选中项 */
+const selectRows = ref([])
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    czzt_name: "状态",
+    yjSj: "预警时间",
+    yjRyxm: "人员姓名",
+    yjRysfzh: "身份证号",
+    yjJb_name: "预警级别",
+    bqdl_name: "人员类别",
+    yjbqmc: "细类",
+    yjDz: "活动发生地",
+    ssbm: "接收单位",
+    yjCs: "预警次数",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      czzt_name: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+      yjJb_name: getMultiDictVal(item.yjJb, D_BZ_YJJB),
+      bqdl_name: getMultiDictVal(item.bqdl, D_GS_QLZDRLX),
+    }
+  })
+  exportExlByObj(titleObj, data, '七类重点')
+}
+// 批量签收
+const handleQs = () => {
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ ids }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+// 详情
+const dataPres = ref({})
+const particularsShow = ref(false);
+const particularsOpen = (row) => {
+  dataPres.value = row
+
+  particularsShow.value = true;
+}
+// 单条签收
+const handleQsSingle = (row) => {
+  if (row.czzt == '02') return proxy.$message({ type: "warning", message: "数据已签收，无需重复签收" });
+  proxy.$confirm('确认要签收该条预警数据吗？', "警告", { type: "warning" }).then(() => {
+    qcckPost({ ids: [row.id] }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+// 关注
+const payAttention = (row) => {
+  let promes = {}
+  if (row.sfgz == '1') {
+    promes.sfgz = '0'
+    promes.msg = '取消关注'
+  } else {
+    promes.sfgz = '1'
+    promes.msg = '关注'
+  }
+
+  proxy.$confirm('确认要关注该条预警数据吗？', "警告", { type: "warning" }).then(() => {
+    qcckPost({ sfgz: promes.sfgz, id: row.id }, '/mosty-gsxt/tbYjxx/yjgz').then(() => {
+      proxy.$message({ type: "success", message: `${promes.msg}成功` });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: `${promes.msg}失败` });
+    });
+  }).catch(() => { });
+}
+// 人数计算
+const searchDom = ref(null)
+const dataConut = ref(0)
+const searchOpen = ref(false)
+const countPeople = () => {
+
+  const promes = {
+    ...searchDom.value.searchObj,
+    yjJb: searchDom.value.searchObj.yjJb?.join(',') || '',
+    startTime: searchDom.value.searchObj.startTime ? searchDom.value.searchObj.startTime[0] : '',
+    endTime: searchDom.value.searchObj.endTime ? searchDom.value.searchObj.endTime[1] : '',
+    sfglyj: searchDom.value.searchObj.sfglyj?.join(',') || '',
+    sfgz: searchDom.value.searchObj.sfgz?.join(',') || '',
+    sfzp: searchDom.value.searchObj.sfzp?.join(',') || '',
+  }
+  qcckPost(promes, '/mosty-gsxt/tbYjxx/bkyjQctj').then((res) => {
+    dataConut.value = res || 0
+    searchOpen.value = true
+  }).catch(() => {
+    // proxy.$message({ type: "error", message: `${promes.msg}失败` });
+  });
+}
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 290;
+  window.onresize = function () { tabHeightFn(); };
+};
+</script>
+
+<style lang="scss" scoped>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+::v-deep .el-table .cell {
+  padding: 0;
+}
+
+::v-deep .el-table .el-table__cell {
+  padding: 4px 0;
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/index.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/index.vue
new file mode 100644
index 0000000..385aebf
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/index.vue
@@ -0,0 +1,335 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10 mb10">
+      <!-- <Search :searchArr="searchConfiger" @submit="onSearch" ref="searchDom" :key="pageData.keyCount">
+      </Search> -->
+      <QueryFormPanel v-model="queryFrom" :fields="searchConfiger" ref="searchDom" @search='onSearch'>
+        <template #but>
+          <el-button type="primary" size="small" @click="exportExl">批量导出</el-button>
+          <el-button type="primary" size="small" @click="handleQs">批量签收</el-button>
+          <el-button type="primary" size="small" @click="handleQs">批量分析</el-button>
+          <el-button type="primary" size="small" @click="countPeople">计算人数</el-button>
+        </template>
+      </QueryFormPanel>
+    </div>
+    <!-- <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="exportExl">批量导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs">批量签收</el-button>
+        <el-button type="primary" size="small" @click="handleQs">批量分析</el-button>
+        <el-button type="primary" size="small" @click="countPeople">计算人数</el-button>
+      </template>
+</PageTitle> -->
+    <!-- 表格 -->
+    <div style="background-color: #fff;">
+      <WarnDataTable :loading="pageData.tableConfiger.loading" :tableHeight="pageData.tableHeight"
+        :data="pageData.tableData" :columns="pageData.tableColumn" table-class="warn-table"
+        @selectionChange="handleChooseData">
+        <template #status="{ row }">
+          <DictTag :value="row.czzt" :color="row.czzt === '01' ? '#ff2424' : '#1d72e8'" :tag="false"
+            :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #xbdm="{ row }">
+          <DictTag :value="row.xbdm" :tag="false" :options="D_BZ_XB" />
+        </template>
+        <template #yjJb="{ row }">
+          <div :style="{ 'background-color': bqYs(row.yjJb) }">
+            <DictTag :value="row.yjJb" color="#fff" :tag="false" :options="D_BZ_YJJB" />
+          </div>
+        </template>
+        <template #bqdl="{ row }">
+          <DictTag :value="row.bqdl" :tag="false" :options="D_GS_QLZDRLX" />
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
+        </template>
+        <template #cszt="{ row }">
+          <DictTag :value="row.cszt" :tag="false" :options="D_GS_CSZT" />
+        </template>
+        <template #operation="{ row }">
+          <div style="display: flex;justify-content: space-between;">
+            <span class="primary" @click="handleQsSingle(row)">签收</span>
+            <span class="primary" @click="particularsOpen(row)">详情</span>
+            <span class="warning" @click="pushWarning(row)">指派</span>
+            <span class="warning" v-if="row.sfbc != '1'" @click="failWarning(row)">报错</span>
+            <span class="primary" @click="payAttention(row)">关注</span>
+          </div>
+        </template>
+      </WarnDataTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <ZpForm v-model="warningShow" :dataList="dataList" />
+  <Particulars v-model="particularsShow" :dataList="dataPres"
+    :dict="{ D_BZ_XB, D_BZ_YJJB, D_GS_QLZDRLX, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB }" />
+  <peopleConut v-model="searchOpen" :dataConut="dataConut" />
+</template>
+
+<script setup>
+import { getMultiDictVal } from "@/utils/dict.js"
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import ZpForm from "./zpForm.vue";
+import { bqYs } from '@/utils/tools.js'
+import Particulars from "./particulars.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import WarnDataTable from '@/views/backOfficeSystem/ces/components/WarnDataTable.vue'
+import QueryFormPanel from "@/views/backOfficeSystem/ces/components/QueryFormPanel.vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+// import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance, } from "vue";
+import peopleConut from "./peopleConut.vue";
+const { proxy } = getCurrentInstance();
+const { D_BZ_YJLY, D_GS_QLZDRLX, D_GS_ZDR_GJLB, D_BZ_YJJB, D_GS_CSZT, D_GS_QLZDRYXX, D_BZ_XB, D_GSXT_YJXX_CZZT, D_GS_ZDR_RYJB, D_BZ_SF } = proxy.$dict('D_BZ_YJLY', 'D_GS_QLZDRLX', "D_BZ_YJJB", "D_GS_QLZDRYXX", "D_BZ_XB", "D_GSXT_YJXX_CZZT", "D_GS_ZDR_RYJB", 'D_GS_ZDR_GJLB', 'D_GS_CSZT', "D_BZ_SF"); //获取字典数据
+const searchBox = ref(); //搜索框
+const warningShow = ref(false);
+const dataList = ref([]);
+const searchConfiger = ref(
+  [
+    { key: 'startTime', label: '预警时间', type: 'datetimerange', placeholder: '请选择预警时间' },
+    { key: 'yjJb', label: '预警级别', type: 'select', options: D_BZ_YJJB, multiple: true, placeholder: '请选择预警级别' },
+    { key: 'ssbmdm', label: '接收单位', type: 'department', placeholder: '请选择接收单位' },
+    { key: 'sfglyj', label: '关联预警', type: 'select', options: D_BZ_SF, placeholder: '请选择关联预警' },
+    { key: 'yjRyxm', label: '姓名', type: 'input', placeholder: '请输入姓名' },
+    { key: 'xbdm', label: '性别', type: 'select', options: D_BZ_XB, placeholder: '请选择性别' },
+    { key: 'cszt', label: '超时状态', type: 'select', options: D_GS_CSZT, placeholder: '请选择超时状态' },
+    { key: 'bqdl', label: '人员类别', type: 'select', options: D_GS_QLZDRLX, placeholder: '请选择人员类别' },
+    { key: 'sfgz', label: '重点关注', type: 'select', options: D_BZ_SF, placeholder: '请选择重点关注' },
+    { key: 'sfzp', label: '二次指派', type: 'select', options: D_BZ_SF, placeholder: '请选择二次指派' },
+    { key: 'yjRysfzh', label: '身份证号码', type: 'input', placeholder: '请输入身份证号码' },
+    { key: 'ksnl', label: '开始年龄', type: 'input', placeholder: '请输入开始年龄' },
+    { key: 'jsnl', label: '结束年龄', type: 'input', placeholder: '请输入结束年龄' },
+    { key: 'yjCs', label: '预警次数', type: 'input', placeholder: '请输入预警次数' },
+    { key: 'bqdl', label: '人员级别', type: 'select', options: D_GS_ZDR_RYJB },
+    { key: 'yjLylx', label: '轨迹类别', type: 'select', options: D_GS_ZDR_GJLB },
+    { key: 'yjDz', label: '活动发生地', type: 'input', placeholder: '请输入活动发生地' },
+    { key: 'yjbqmc', label: '人员细类', type: 'input', placeholder: '请输入人员细类' }
+  ])
+
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableHeight: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 200, //操作栏宽度
+  tableColumn: [
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { label: '预警状态', width: 86, align: 'center', slotName: 'status' },
+    { prop: 'yjSj', label: '预警时间', width: 150 },
+    { prop: 'yjRyxm', label: '人员姓名', width: 80 },
+    { prop: 'yjRysfzh', label: '身份证号', width: 158 },
+    { label: '性别', width: 56, align: 'center', slotName: 'xbdm' },
+    { prop: 'nl', label: '年龄', width: 56, align: 'center' },
+    { label: '预警级别', width: 88, align: 'center', slotName: 'yjJb' },
+    { label: '人员类别', width: 90, align: 'center', slotName: 'bqdl' },
+    { prop: 'yjbqmc', label: '人员细类', width: 92 },
+    { label: '轨迹类别', width: 92, align: 'center', slotName: 'yjLylx' },
+    { prop: 'yjDz', label: '活动发生地' },
+    { prop: 'ssbm', label: '接收单位' },
+    { prop: 'yjCs', label: '次数', width: 60, align: 'center' },
+    { label: '操作', width: 180, slotName: 'operation' },
+    { label: '超时状态', width: 80, align: 'center', slotName: 'cszt' }
+
+  ]
+});
+
+onMounted(() => {
+  tabHeightFn();
+  getList()
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = { ...val, yjJb: val.yjJb?.join(',') || '' }
+  queryFrom.value.startTime = val.startTime ? val.startTime[0] : ''
+  queryFrom.value.endTime = val.startTime ? val.startTime[1] : ''
+  // queryFrom.value.sfglyj = val.sfglyj?.join(',') || ''
+  // queryFrom.value.sfgz = val.sfgz?.join(',') || ''
+  // queryFrom.value.sfzp = val.sfzp?.join(',') || ''
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  const promes = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize,
+    yjlb: '03'
+  }
+  delete promes.times;
+  qcckPost(promes, '/mosty-gsxt/tbYjxx/getPageList').then((res) => {
+    pageData.total = res.total || 0;
+    pageData.tableConfiger.loading = false;
+    pageData.tableData = res.records || []
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  })
+}
+
+const pushWarning = (val) => {
+  warningShow.value = true;
+  dataList.value = val;
+}
+
+
+const failWarning = (val) => {
+  let ids = [val.id]
+  qcckPost({ ids }, '/mosty-gsxt/tbYjxx/yjbc').then((res) => {
+    proxy.$message({ type: "success", message: "成功" });
+    getList();
+  }).catch(() => {
+    proxy.$message({ type: "error", message: "失败" });
+  });
+}
+
+
+
+/** 选中项 */
+const selectRows = ref([])
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    czzt_name: "状态",
+    yjSj: "预警时间",
+    yjRyxm: "人员姓名",
+    yjRysfzh: "身份证号",
+    yjJb_name: "预警级别",
+    bqdl_name: "人员类别",
+    yjbqmc: "细类",
+    yjDz: "活动发生地",
+    ssbm: "接收单位",
+    yjCs: "预警次数",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      czzt_name: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+      yjJb_name: getMultiDictVal(item.yjJb, D_BZ_YJJB),
+      bqdl_name: getMultiDictVal(item.bqdl, D_GS_QLZDRLX),
+    }
+  })
+  exportExlByObj(titleObj, data, '七类重点')
+}
+// 批量签收
+const handleQs = () => {
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ ids }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+// 详情
+const dataPres = ref({})
+const particularsShow = ref(false);
+const particularsOpen = (row) => {
+  dataPres.value = row
+
+  particularsShow.value = true;
+}
+// 单条签收
+const handleQsSingle = (row) => {
+  if (row.czzt == '02') return proxy.$message({ type: "warning", message: "数据已签收，无需重复签收" });
+  proxy.$confirm('确认要签收该条预警数据吗？', "警告", { type: "warning" }).then(() => {
+    qcckPost({ ids: [row.id] }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+// 关注
+const payAttention = (row) => {
+  let promes = {}
+  if (row.sfgz == '1') {
+    promes.sfgz = '0'
+    promes.msg = '取消关注'
+  } else {
+    promes.sfgz = '1'
+    promes.msg = '关注'
+  }
+
+  proxy.$confirm('确认要关注该条预警数据吗？', "警告", { type: "warning" }).then(() => {
+    qcckPost({ sfgz: promes.sfgz, id: row.id }, '/mosty-gsxt/tbYjxx/yjgz').then(() => {
+      proxy.$message({ type: "success", message: `${promes.msg}成功` });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: `${promes.msg}失败` });
+    });
+  }).catch(() => { });
+}
+// 人数计算
+const searchDom = ref(null)
+const dataConut = ref(0)
+const searchOpen = ref(false)
+const countPeople = () => {
+
+  const promes = {
+    ...searchDom.value.formState,
+    yjJb: searchDom.value.formState.yjJb?.join(',') || '',
+    startTime: searchDom.value.formState.startTime ? searchDom.value.formState.startTime[0] : '',
+    endTime: searchDom.value.formState.endTime ? searchDom.value.formState.endTime[1] : '',
+  }
+  qcckPost(promes, '/mosty-gsxt/tbYjxx/bkyjQctj').then((res) => {
+    dataConut.value = res || 0
+    searchOpen.value = true
+  }).catch(() => {
+    // proxy.$message({ type: "error", message: `${promes.msg}失败` });
+  });
+}
+// 表格高度计算
+const tabHeightFn = () => {
+  console.log("xxxxxxx");
+
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 230;
+  window.onresize = function () { tabHeightFn(); };
+};
+</script>
+
+<style lang="scss" scoped>
+.danger {
+  color: #ff2424;
+}
+
+.ok {
+  color: #1d72e8;
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/particulars.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/particulars.vue
new file mode 100644
index 0000000..eed98b3
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/particulars.vue
@@ -0,0 +1,472 @@
+<!--预警指派展示组件  -->
+<template>
+  <el-dialog :draggable="true" :model-value="modelValue" :title="title" :width="width" @close="close" append-to-body>
+    <div class="archive-container" v-loading="loading">
+      <div class="three-column-layout">
+        <!-- 重点人员基本信息页 -->
+        <div class="column">
+          <div class="column-header">重点人员基本信息页</div>
+          <div class="info-section">
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">人员姓名：</span>
+                <span class="info-value">{{ dataForm.yjRyxm }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">性别：</span>
+                <span class="info-value">
+                  <DictTag :value="dataForm.xbdm" :tag="false" :options="dict.D_BZ_XB" />
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">年龄：</span>
+                <span class="info-value">{{ dataForm.nl }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">身份证号码：</span>
+                <span class="info-value">{{ dataForm.yjRysfzh }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">户籍地：</span>
+                <span class="info-value">{{ dataForm.hjdXz }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">现住地址：</span>
+                <span class="info-value">{{ dataForm.xzdXz }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">入库时间：</span>
+                <span class="info-value">{{ dataForm.zdrRkkssj }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">预警级别：</span>
+                <span class="info-value warning-level" :class="ys()">
+                  <DictTag :value="dataForm.yjJb" :tag="false" :options="dict.D_BZ_YJJB" />
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">人员类别：</span>
+                <span class="info-value">
+                  <DictTag :value="dataForm.bqdl" :tag="false" :options="dict.D_GS_QLZDRLX" />
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">人员级别：</span>
+                <span class="info-value">
+                  <DictTag :value="dataForm.yjJb" :tag="false" :options="dict.D_GS_ZDR_RYJB" />
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">人员细类：</span>
+                <span class="info-value">{{ dataForm.yjbqmc }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">立案单位：</span>
+                <span class="info-value"></span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">简要案情：</span>
+                <span class="info-value text-area"></span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">一标三实：</span>
+                <span class="info-value text-area"></span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 重点人员活动信息页 -->
+        <div class="column">
+          <div class="column-header">重点人员活动信息页</div>
+          <div class="info-section blue-bg">
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">轨迹类别：</span>
+                <span class="info-value">
+                  <DictTag :value="dataForm.yjLylx" :tag="false" :options="dict.D_GS_ZDR_GJLB" />
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">核查时间：</span>
+                <span class="info-value">
+                  <span v-if="dataForm.fkList && dataForm.fkList.length > 0">{{ dataForm.fkList[0].czsj }}</span>
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">比对时间：</span>
+                <span class="info-value">{{ dataForm.yjSj }}</span>
+              </div>
+            </div>
+            <!-- <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">活动发生地：</span>
+                <span class="info-value">{{ dataForm.xxdz }}</span>
+              </div>
+            </div> -->
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">活动场所：</span>
+                <span class="info-value">
+                  <span v-if="dataForm.fkList && dataForm.fkList.length > 0">{{ dataForm.fkList[0].xxdz }}</span>
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">活动信息：</span>
+                <span class="info-value">{{ dataForm.yjNr }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">信息提供单位：</span>
+                <span class="info-value">{{ dataForm.jczmc }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">信息接收单位：</span>
+                <span class="info-value">{{ dataForm.ssbm }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">二次指派单位：</span>
+                <span class="info-value">
+                  <div v-if="dataForm.zpList && dataForm.zpList.length > 0">
+                    <span v-for="(item, index) in dataForm.zpList" :key="item.id">
+                      {{ item.zpbm }}<span v-if="index < dataForm.zpList.length - 1">,</span>
+                    </span>
+                  </div>
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">签收时限：</span>
+                <span class="info-value">{{ dataForm.qssj }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">反馈时限：</span>
+                <span class="info-value">{{ dataForm.fksj }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">处置建议：</span>
+                <span class="info-value">
+                  <div v-if="dataForm.czjyList && dataForm.czjyList.length > 0">
+                    <div v-for="(item, index) in dataForm.czjyList" :key="item.id">
+                      <span>{{ `${index + 1}、` + item.jynr }}</span>
+                    </div>
+                  </div>
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">反馈内容：</span>
+                <span class="info-value">
+                  <div v-if="dataForm.fkList && dataForm.fkList.length > 0">
+                    <div v-for="(item, index) in dataForm.fkList" :key="item.id">
+                      <span v-if="item.ckczbcxx">{{ `${index + 1}、` + item.ckczbcxx }}</span>
+                    </div>
+                  </div>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 历史预警信息页 -->
+        <div class="column">
+          <div class="column-header">历史预警信息页</div>
+          <div class="info-section">
+            <div class="history-item" v-for="(item, index) in dataForm.yjgjList" :key="item.id">
+              <span class="history-index">{{ `${index + 1}：` }}</span>
+              <span class="history-content">{{ item.yjNr }}</span>
+            </div>
+
+          </div>
+        </div>
+      </div>
+    </div>
+    <template #footer>
+      <div class="dialog-footer" style="text-align: center;">
+        <el-button @click="close">关闭</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<script setup>
+import { defineProps, getCurrentInstance, watch, ref } from 'vue';
+import { qcckGet } from '@/api/qcckApi.js'
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '预警详情'
+  },
+  width: {
+    type: String,
+    default: '90%'
+  }, dataList: {
+    type: Object,
+    default: () => ({})
+  },
+  dict: {
+    type: Object,
+    default: () => ({})
+  }
+
+});
+// 定义事件
+const emit = defineEmits(['update:modelValue']);
+const loading = ref(false)
+let abortController = null
+const close = () => {
+  if (abortController) {
+    abortController.abort()
+    abortController = null
+  }
+  loading.value = false
+  emit('update:modelValue', false);
+};
+const dataForm = ref({});
+watch(() => props.modelValue, (newVal) => {
+  if (newVal) {
+    getPart(props.dataList.id)
+  }
+}, { deep: true });
+const getPart = (id) => {
+  if (abortController) {
+    abortController.abort()
+  }
+  abortController = new AbortController()
+  loading.value = true
+  qcckGet({}, `/mosty-gsxt/tbYjxx/getInfo/${id}`, { signal: abortController.signal }).then(res => {
+       if (res) {
+      dataForm.value = res
+    } else {
+      dataForm.value = {}
+    }
+  }).catch(err => {
+    if (err.name !== 'AbortError') {
+      console.error('请求失败:', err)
+    }
+  }).finally(() => {
+    loading.value = false
+  })
+}
+const ys = () => {
+  switch (dataForm.value.yjJb) {
+    case '01':
+      return 'red';
+    case '02':
+      return 'orange';
+    case '03':
+      return 'yellow';
+    case '04':
+      return 'blue';
+    default:
+      return '';
+  }
+}
+</script>
+
+<style scoped>
+.archive-container {
+  padding: 20px;
+  height: 600px;
+  overflow-y: auto;
+}
+
+.three-column-layout {
+  display: flex;
+  gap: 20px;
+  height: 100%;
+}
+
+.column {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 300px;
+}
+
+.column-header {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 15px;
+  padding: 10px;
+  background: #f0f2f5;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px 4px 0 0;
+  text-align: center;
+  color: #303133;
+}
+
+.column .info-section {
+  flex: 1;
+  border-radius: 0 0 4px 4px;
+  overflow-y: auto;
+}
+
+.info-section {
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  padding: 15px;
+  background: #ffffff;
+}
+
+.info-section.blue-bg {
+  background: #e6f0f8;
+  border-color: #9ed7ff;
+}
+
+.info-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 12px;
+}
+
+.info-item {
+  flex: 1;
+  min-width: 300px;
+  display: flex;
+  align-items: center;
+}
+
+.info-item.full-width {
+  flex: 100%;
+  min-width: 100%;
+}
+
+.info-label {
+  width: 80px;
+  font-weight: bold;
+  margin-right: 10px;
+  white-space: nowrap;
+  color: #333;
+}
+
+.info-value {
+  flex: 1;
+  padding: 4px 8px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  background: #ffffff;
+  min-height: 28px;
+  display: flex;
+  align-items: center;
+}
+
+.info-value.text-area {
+  min-height: 80px;
+  align-items: flex-start;
+  padding: 8px;
+  resize: vertical;
+}
+
+/* 红 */
+.warning-level.red {
+  background: #fef0f0;
+  border-color: #ffccc7;
+  color: #f56c6c !important;
+  font-weight: bold;
+}
+
+/* 橙 */
+.warning-level.orange {
+  background: #fffbe6;
+  border-color: #ffe58f;
+  color: #d48806 !important;
+  font-weight: bold;
+}
+
+/* 黄 */
+.warning-level.yellow {
+  background: #fdf6ec;
+  border-color: #faecd8;
+  color: #e6a23c !important;
+  font-weight: bold;
+}
+
+/* 蓝 */
+.warning-level.blue {
+  background: #ecf5ff;
+  border-color: #d9ecff;
+  color: #409eff !important;
+  font-weight: bold;
+}
+
+.history-item {
+  margin-bottom: 10px;
+  padding: 8px 12px;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  background: #ffffff;
+  display: flex;
+  /* align-items: center; */
+}
+
+.history-index {
+  font-weight: bold;
+  margin-right: 10px;
+  color: #409eff;
+}
+
+.history-content {
+  flex: 1;
+  color: #606266;
+}
+
+.demo-tabs {
+  margin-bottom: 20px;
+}
+
+::v-deep .el-tabs__header {
+  margin-bottom: 20px;
+}
+
+::v-deep .el-tabs__content {
+  min-height: 400px;
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/peopleConut.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/peopleConut.vue
new file mode 100644
index 0000000..c82765d
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/peopleConut.vue
@@ -0,0 +1,80 @@
+<!--预警指派展示组件  -->
+<template>
+  <el-dialog :draggable="true" :model-value="modelValue" :title="title" :width="width" @close="close" append-to-body>
+    <div class="count-container">
+      <div class="count-number">{{dataConut}}</div>
+      <div class="count-label">预警人数</div>
+    </div>
+    <template #footer>
+      <div class="dialog-footer" style="text-align: center;">
+        <el-button @click="close">关闭</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<script setup>
+import {  defineProps,getCurrentInstance } from 'vue';
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '人数查询'
+  },
+  dataConut: {
+    type: Number,
+    default: 0
+  },width: {
+    type: String,
+    default: '20%'
+  },
+
+
+});
+// 定义事件
+const emit = defineEmits(['update:modelValue']);
+const close = () => {
+  emit('update:modelValue', false);
+};
+</script>
+
+<style scoped>
+.count-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 0;
+  text-align: center;
+}
+
+.count-number {
+  font-size: 48px;
+  font-weight: bold;
+  color: #409eff;
+  margin-bottom: 16px;
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  animation: pulse 2s infinite;
+}
+
+.count-label {
+  font-size: 18px;
+  color: #606266;
+  font-weight: 500;
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.05);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/zpForm.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/zpForm.vue
new file mode 100644
index 0000000..c9e058b
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/politicalSecurity/zpForm.vue
@@ -0,0 +1,76 @@
+<!--预警指派展示组件  -->
+<template>
+  <el-dialog :draggable="true" :model-value="modelValue" :title="title" :width="width" @close="close" append-to-body>
+    <div class="archive-container">
+      <FormMessage :formList="formData" v-model="listQuery" ref="elform" :rules="rules" :labelWidth="90">
+      </FormMessage>
+    </div>
+    <template #footer>
+      <div class="dialog-footer" style="text-align: center;">
+        <el-button type="primary" @click="submit">确定</el-button>
+        <el-button @click="close">关闭</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<script setup>
+import { ref, defineProps, defineEmits, reactive, getCurrentInstance } from 'vue';
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { tbYjxxYjzp } from '@/api/yj'
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '预警指派'
+  },
+  width: {
+    type: String,
+    default: '50%'
+  },
+  url: {
+    type: String,
+    default: ''
+  },
+  dataList: {
+    type: Object,
+    default: () => ({})
+  }
+});
+const listQuery = ref()
+const formData = ref([
+  { label: "指派部门", prop: "zpbmdm", depMc: 'zpbm', type: "department", width: '45%' },
+  { label: "指派原因", prop: "zpyy", type: "textarea", width: '80%' },
+])
+
+const rules = reactive({
+  zpbmdm: [{ required: true, message: "请选择指派部门", trigger: "blur" }],
+  zpyy: [{ required: true, message: "请输入指派原因", trigger: "change" }],
+});
+
+const elform = ref(null)
+const submit = async () => {
+  elform.value.submit(() => {
+    const params = { ...listQuery.value, yjid: props.dataList.id };
+    tbYjxxYjzp(params).then((res) => {
+      proxy.$message({ type: "success", message: "成功" });
+      close();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  });
+}
+// 定义事件
+const emit = defineEmits(['update:modelValue']);
+const close = () => {
+elform.value.reset()
+  emit('update:modelValue', false);
+};
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/index copy.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/index copy.vue
new file mode 100644
index 0000000..53bd085
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/index copy.vue	
@@ -0,0 +1,441 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10">
+      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
+        <template #jfd>
+          <div>
+            <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
+            <span style="color: #333;margin: 0 4px;">至</span>
+            <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
+          </div>
+        </template>
+      </Searchs>
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" @click="exportExl" size="small">导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs">签收</el-button>
+      </template>
+    </PageTitle>
+    <!-- 表格 -->
+    <div class="tabBox" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+        :expand="true" @chooseData="handleChooseData">
+        <template #xsd="{ row }">
+          {{ `${row.xsd}%` }}
+        </template>
+        <template #czzt="{ row }">
+          <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #yjJb="{ row }">
+          <DictTag :value="row.yjJb" :tag="false" :color="bqYs(row.yjJb)" :options="D_BZ_YJJB" />
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
+        </template>
+        <template #xbdm="{ row }">
+          <DictTag :value="row.xbdm" :tag="false" :options="D_BZ_XB" />
+        </template>
+        <template #expand="{ props }">
+          <div class="expand-content" style="max-width: 100%; max-height: 400px; overflow-y: auto; padding: 10px;">
+            <Items :row="props || {}" :dict="dict" />
+          </div>
+        </template>
+        <template #yjLx="{ row }">
+          <DictTag :value="row.yjLx" :tag="false" :options="D_BZ_YJLX" />
+        </template>
+        <template #controls="{ row }">
+          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
+          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
+          <el-link type="success" @click="handleQsFk(row, '反馈')"
+            v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
+          <el-link type="primary" @click="openBox(row)">详情</el-link>
+
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <Detail ref="detailRef" />
+  <HolographicArchive v-model="assessShow" :dataList="dataList" />
+  <FkDialog @change="getList" lx="04" />
+  <Information v-model="showDialog" title="发送指令" @submit='submit' @close='closeFszl'>
+    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj"
+      :tacitly="tacitly" />
+  </Information>
+  <AddFrom ref="addModelRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_GS_SSYJ }" />
+  <!-- 处置建议 -->
+  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
+
+  <ChooseJf v-model="chooseJfShow" titleValue="选择系数" :Single="false" :chooseJfBh="chooseJfBh" url="/yjzxZhyj/sjxspz"
+    :roleIds="roleIds" />
+      <!-- <Pagination v-model="paginationOpen" /> -->
+        <Pagination v-model="paginationOpen" :dataList="dataPres" :dict="{D_BZ_XB,D_BZ_YJJB,D_GS_QLZDRLX,D_GS_ZDR_RYJB,D_GS_ZDR_GJLB,D_GS_BK_CZYQ}" />
+</template>
+
+<script setup>
+import Czjy from './components/czjy.vue'
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import Searchs from "@/components/aboutTable/Search.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import Items from "./item/items.vue";
+import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
+import { tbYjxxGetZbtj, tbGsxtBqzhSelectList, yjzxZhyjSelectList } from '@/api/yj.js'
+import HolographicArchive from '@/views/home/components/holographicArchive.vue'
+import Information from "@/views/home/model/information.vue";
+import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
+import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
+import AddFrom from "./components/addFrom.vue";
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import Detail from './components/detail.vue'
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import { getMultiDictVal } from "@/utils/dict.js"
+import emitter from "@/utils/eventBus.js";
+import Pagination from "./components/particulars.vue";
+const permission_sfqs = ref(false)
+const roleCode = ref(false)
+const searchBox = ref();
+const czjyRef = ref()
+const { proxy } = getCurrentInstance();
+const { D_GSXT_YJXX_CZZT, D_GS_SSYJ, D_BZ_YJJB, D_BZ_YJLY, D_BZ_YJLX, D_BZ_BKLYS, D_GS_CSZT, D_GS_BKZT, D_BZ_XB,D_GS_QLZDRLX,D_GS_ZDR_RYJB,D_GS_ZDR_GJLB,D_GS_BK_CZYQ } =
+  proxy.$dict("D_GSXT_YJXX_CZZT", "D_GS_SSYJ", "D_BZ_YJJB", "D_BZ_YJLY", "D_BZ_YJLX", "D_BZ_BKLYS", "D_GS_CSZT", "D_GS_BKZT", "D_BZ_XB","D_GS_QLZDRLX","D_GS_ZDR_RYJB","D_GS_ZDR_GJLB","D_GS_BK_CZYQ");
+
+// 字典数据集合
+const dict = ref({
+  D_GS_SSYJ,
+  D_GSXT_YJXX_CZZT,
+  D_BZ_YJLY,
+  D_BZ_YJJB,
+  D_BZ_YJLX
+})
+import { holographicProfileJump } from "@/utils/tools.js"
+
+// 搜索配置
+const searchConfiger = ref([
+  { label: "布控开始时间", prop: 'bkkssj', showType: "date", placeholder: "请选择布控开始时间" },
+  { label: "布控结束时间", prop: 'bkjssj', showType: "date", placeholder: "请选择布控结束时间" },
+  { label: "预警时间", prop: 'startTime', showType: "datetimerange", placeholder: "请选择预警时间" },
+  { label: "比中项", prop: 'yjLx', showType: "checkbox", showSelectAll: true, options: [{ label: '人员', value: '1', }, { label: '车辆', value: '2', }] },
+  { label: "布控来源", prop: 'bkly', showType: "select", options: D_BZ_BKLYS, placeholder: "请选择布控来源" },
+  { label: "区域所属单位", prop: 'ssbmdm', placeholder: "请选择区域所属单位", showType: "department" },
+  { label: "布控单位", prop: 'ssbmdm', placeholder: "请选择布控单位", showType: "department" },
+  { label: "所属部门", prop: 'ssbmdm', placeholder: "请选择所属部门", showType: "department" },
+  { label: "签收状态", prop: 'czzt', showType: "select", options: D_GSXT_YJXX_CZZT },
+  { label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT },
+  { label: "布控状态", prop: 'zkzt', showType: "select", options: D_GS_BKZT, placeholder: "请选择布控状态" },
+  { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
+  { label: "性别", prop: 'xbdm', showType: "select", options: D_BZ_XB, placeholder: "请选择性别" },
+  { label: "开始年龄", prop: 'ksnl', placeholder: "请输入年龄", showType: "number" },
+  { label: "结束年龄", prop: 'jsnl', placeholder: "请输入年龄", showType: "number" },
+  { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
+  { label: "车牌号码", prop: 'clcph', placeholder: "请输入车牌号码", showType: "input" },
+  { label: "预警内容", prop: 'yjNr', showType: "input", placeholder: "请输入预警内容" },
+  // { label: "预警标签", prop: 'yjbqmc', placeholder: "请输入预警标签", showType: "input" },
+  // { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
+  // { label: "级别", prop: 'bqys', placeholder: "请选择级别", showType: "select", options: D_BZ_YJJB },
+  // { label: "积分段", prop: 'jfd', placeholder: "请选择积分段", showType: "Slot" },
+]);
+
+const queryFrom = ref({});
+
+// 页面数据
+const pageData = reactive({
+  tableData: [{ sfcs: 1 }],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true,
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth:160,
+  tableColumn: [
+    { label: "状态", prop: "czzt", showOverflowTooltip: true, showSolt: true, width: 80 },
+    { label: "预警时间", prop: "yjSj", showOverflowTooltip: true, width: 50 },
+    { label: "区域名称", prop: "bkqymc", showOverflowTooltip: true, width: 50 },
+    { label: "区域范围", prop: "bkfw", showOverflowTooltip: true, width: 50},
+    // { label: "区域所属", prop: "gkbmmc", showOverflowTooltip: true, width: 50 },
+    { label: "比中", prop: "yjLx", showOverflowTooltip: true, width: 60, showSolt: true },
+    { label: "姓名", prop: "yjRyxm", showOverflowTooltip: true, width: 60 },
+    { label: "身份证号", prop: "yjRysfzh", showOverflowTooltip: true },
+    { label: "性别", prop: "xbdm", showOverflowTooltip: true, showSolt: true, width: 50 },
+    { label: "年龄", prop: "nl", showOverflowTooltip: true, width: 50 },
+    { label: "预警级别", prop: "yjJb", showOverflowTooltip: true,showSolt: true, width: 60 },
+    { label: "布控单位", prop: "gkbmmc", showOverflowTooltip: true, width: 60 },
+    { label: "布控来源", prop: "bkly", showOverflowTooltip: true ,showSolt: true, width: 60 },
+    { label: "布控范围", prop: "bkfw", showOverflowTooltip: true, width: 60 },
+    { label: "布控开始时间", prop: "bkkssj", showOverflowTooltip: true },
+    { label: "布控结束时间", prop: "bkjssj", showOverflowTooltip: true },
+    { label: "处置要求", prop: "bkczyq",showSolt: true, showOverflowTooltip: true, width: 50 },
+    { label: "相似度", prop: "xsd", showSolt: true, showOverflowTooltip: true, width:45 },
+    { label: "预警内容", prop: "yjNr", showOverflowTooltip: true, width: 50 },
+    { label: "所属单位", prop: "ssbm", showOverflowTooltip: true, width: 50 },
+    { label: "数据来源", prop: "yjLylx", showOverflowTooltip: true,showSolt: true, width: 65 },
+    { label: "超时状态", prop: "cszt", showOverflowTooltip: true,showSolt: true, width: 50 },
+    { label: "在控状态", prop: "zkzt", showOverflowTooltip: true,showSolt: true, width: 50 },
+
+    // { label: "相似度", prop: "xsd", showSolt: true },
+    // { label: "处置状态", prop: "czzt", showSolt: true },
+    // { label: "预警时间", prop: "yjSj", width: 200 },
+    // { label: "预警标签", prop: "yjbqmc" },
+    // { label: "身份证号", prop: "yjRysfzh", width: 200 },
+    // { label: "预警来源", prop: "yjLylx", showSolt: true },
+    // { label: "预警级别", prop: "yjJb", showSolt: true },
+    // { label: "车牌号", prop: "yjClcph" },
+    // { label: "布控区域名称", prop: "bkqymc" },
+    // { label: "所属部门", prop: "ssbm" },
+  ]
+});
+
+onMounted(() => {
+  // let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
+  // permission_sfqs.value = str.startsWith('2'||'3') ? false : true;
+
+  // let rols = getItem('roleList') ? getItem('roleList'):[]
+  // let obj = rols.find(item => {
+  //   return  ['JS_666666','JS_777777','JS_888888'].includes(item.roleCode)
+  // })
+  // roleCode.value = obj ? true : false;
+  tabHeightFn();
+  getList();
+  gettbGsxtBqglSelectList()
+});
+
+
+const handleCzjy = (row) => {
+  czjyRef.value.init(row)
+}
+
+const onSearch = (val) => {
+  queryFrom.value = { ...queryFrom.value, ...val,sfglyj:val.sfglyj.join(',') };
+  pageData.pageConfiger.pageCurrent = 1;
+  getList();
+};
+
+const reset = () => {
+  delete queryFrom.value.ksfz
+  delete queryFrom.value.jsfz
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList();
+};
+
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList();
+};
+
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  // TODO: 替换为实际的组合预警API接口
+  const promes = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize
+  }
+  qcckPost({ promes }, "/mosty-gsxt/tbYjxx/getQybkPageList").then((res) => {
+    pageData.tableData = res.records || [];
+    pageData.total = res.total || 0;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  });
+};
+const bqYs = (val) => {
+  if (val == '01') {
+    return '#ff0202'
+  } else if (val == '02') {
+    return '#ff8c00'
+  } else if (val == '03') {
+    return '#e6a23c'
+  } else if (val == '04') {
+    return '#0000ff'
+  }
+}
+const bqLbData = ref({
+  bqXl: []
+})
+const gettbGsxtBqglSelectList = (val) => {
+  tbGsxtBqzhSelectList({}).then((res) => {
+    bqLbData.value.bqXl = res.map(item => {
+      return {
+        label: item.bqMc,
+        value: item.bqDm
+      }
+    }) || []
+  })
+}
+
+
+// 查看详情
+const detailRef = ref()
+const handleClick = (row) => {
+  detailRef.value.init(row)
+}
+const assessShow = ref(false)
+/** 选中项 */
+const selectRows = ref([])
+const dataList = ref()
+const pushAssess = (val) => {
+  return holographicProfileJump(val.yjlx, val) // 全息档案跳转
+  // assessShow.value = true;
+  // dataList.value = val;
+}
+
+
+// 发送指令
+const showDialog = ref(false)
+const itemData = ref()
+const showDetail = (item) => {
+  showDialog.value = true;
+  itemData.value = item
+}
+const handleClose = () => {
+  showDialog.value = false;
+}
+const semdFqzlRef = ref()
+const tacitly = {
+  title: 'yjbt',
+  instructionContent: 'yjnr'
+}
+const submit = () => {
+  semdFqzlRef.value.getsendFqzl()
+}
+
+const closeFszl = () => {
+  semdFqzlRef.value.close()
+}
+
+// 处理签收
+const handleQsFk = (val, type) => {
+  switch (type) {
+    case '签收':
+      proxy.$confirm("是否确定要签收？", "警告", { type: "warning" }).then(() => {
+        qcckPost({ id: val.id }, "/mosty-gsxt/yjzxZhyj/yjqs").then(() => {
+          val.czzt = '02'
+          getList()
+          proxy.$message({ type: "success", message: "签收成功" });
+        });
+      })
+      break;
+    case '反馈':
+    case '查看反馈':
+      emitter.emit("openFkDialog", { id: val.id, type });
+      break;
+  }
+
+}
+const addModelRef = ref(null)
+const openAddModel = (row) => {
+  console.log(row);
+
+  addModelRef.value.init(row)
+}
+
+
+// 选择系数
+const chooseJfShow = ref(false)
+const chooseJfBh = ref()
+const roleIds = ref()
+const chooseJfFun = (val) => {
+  chooseJfBh.value = val.id
+  yjzxZhyjSelectList(val.id).then(res => {
+    roleIds.value = res.sjxspzList.map(item => item.xsid)
+    chooseJfShow.value = true
+  })
+}
+
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    yjRyxm: "姓名",
+    yjRysfzh: "身份证号",
+    yjRysjh: "电话",
+    xsd: "相似度",
+    yjJrcs: "预警次数",
+    yjLx: "预警类型",
+    yjLylx: "预警来源",
+    yjJb: " 预警级别",
+    yjbqmc: "预警标签",
+    yjSj: "预警时间",
+    czzt_cname: "处置状态",
+    ssbm: "所属部门",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      bqys_cname: getMultiDictVal(item.yjLx, D_BZ_YJLX),
+      czzt_cname: getMultiDictVal(item.yjLylx, D_BZ_YJLY),
+      bqys_cname: getMultiDictVal(item.yjJb, D_BZ_YJJB),
+      czzt_cname: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+    }
+  })
+  exportExlByObj(titleObj, data, '组合预警')
+
+}
+
+const handleQs = () => {
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ ids }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+// 详情
+const paginationOpen = ref(false)
+const dataPres = ref()
+const openBox = (val) => {
+  dataPres.value = val
+  paginationOpen.value = true
+}
+</script>
+
+<style lang="scss" scoped>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+::v-deep .el-table .cell {
+  padding: 0;
+}
+
+::v-deep .el-table .el-table__cell {
+  padding: 4px 0;
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/index.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/index.vue
index 53bd085..b5ab3e5 100644
--- a/src/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/index.vue
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/index.vue
@@ -2,59 +2,82 @@
   <div>
     <!-- 搜索 -->
     <div ref="searchBox" class="mt10">
-      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
-        <template #jfd>
-          <div>
-            <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
-            <span style="color: #333;margin: 0 4px;">至</span>
-            <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
-          </div>
+      <QueryFormPanel v-model="listQuery" :fields="searchConfiger" @search='onSearch'>
+        <template #but>
+          <el-button type="primary" @click="exportExl" size="small">导出</el-button>
+          <el-button type="primary" size="small" @click="handleQs">签收</el-button>
         </template>
-      </Searchs>
+      </QueryFormPanel>
     </div>
-    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
-      <template #left>
-        <el-button type="primary" @click="exportExl" size="small">导出</el-button>
-        <el-button type="primary" size="small" @click="handleQs">签收</el-button>
-      </template>
-    </PageTitle>
+
     <!-- 表格 -->
-    <div class="tabBox" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
-        :expand="true" @chooseData="handleChooseData">
-        <template #xsd="{ row }">
-          {{ `${row.xsd}%` }}
+    <div :style="{ height: (pageData.tableHeight + 40) + 'px' }" class="bgTable">
+      <WarnDataTable :loading="pageData.tableConfiger.loading" :tableHeight="pageData.tableHeight"
+        :data="pageData.tableData" :columns="pageData.tableColumn" table-class="warn-table"
+        @selectionChange="handleChooseData">
+        <template #yjTp="{ row }">
+          <template v-if="!row.yjTp || row.yjTp.includes('baidu')">
+            <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
+            <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
+          </template>
+          <el-image v-else style="width: 30px; height:30px" :src="row.yjTp" :preview-src-list="[row.yjTp]"
+            show-progress>
+            <template #error>
+              <div class="image-slot error">
+                <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
+                <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
+              </div>
+            </template>
+          </el-image>
         </template>
         <template #czzt="{ row }">
-          <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+          <DictTag :value="row.czzt" :color="row.czzt === '01' ? '#ff2424' : '#1d72e8'" :tag="false"
+            :options="D_GSXT_YJXX_CZZT" />
         </template>
-        <template #yjJb="{ row }">
-          <DictTag :value="row.yjJb" :tag="false" :color="bqYs(row.yjJb)" :options="D_BZ_YJJB" />
-        </template>
-        <template #yjLylx="{ row }">
-          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
+        <template #yjRyxm="{ row }">
+          {{ row.yjLx == 2 ? row.yjClcph : row.yjRyxm }}
         </template>
         <template #xbdm="{ row }">
           <DictTag :value="row.xbdm" :tag="false" :options="D_BZ_XB" />
         </template>
-        <template #expand="{ props }">
-          <div class="expand-content" style="max-width: 100%; max-height: 400px; overflow-y: auto; padding: 10px;">
-            <Items :row="props || {}" :dict="dict" />
+        <template #yjJb="{ row }">
+          <div :style="{ 'background-color': bqYs(row.yjJb) }">
+            <DictTag :value="row.yjJb" color="#fff" :tag="false" :options="D_BZ_YJJB" />
           </div>
         </template>
+        <template #bkly="{ row }">
+          <DictTag :value="row.bkly" :tag="false" :options="D_BZ_YJLY" />
+        </template>
+        <template #bkczyq="{ row }">
+          <DictTag :value="row.bkczyq" :tag="false" :options="D_GS_BK_CZYQ" />
+        </template>
+        <template #xsd="{ row }">
+          {{ row.xsd }}%
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
+        </template>
         <template #yjLx="{ row }">
-          <DictTag :value="row.yjLx" :tag="false" :options="D_BZ_YJLX" />
+          {{ row.yjLx == 2 ? '车辆' : '人员' }}
         </template>
-        <template #controls="{ row }">
-          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
-          <el-link type="success" @click="handleQsFk(row, '反馈')"
-            v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
-          <el-link type="primary" @click="openBox(row)">详情</el-link>
-
+        <template #cszt="{ row }">
+          <DictTag :value="row.cszt" :tag="false" :options="D_GS_CSZT" />
         </template>
-      </MyTable>
+        <template #operation="{ row }">
+          <div style="display: flex;justify-content: space-between;">
+            <span class="warning" @click="pushAssess(row)">全息档案</span>
+            <span class="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</span>
+            <!-- <span type="primary" @click="showDetail(row)">转合成</span> -->
+            <!-- <span type="danger" @click="delDictItem(row.id)">转会商</span> -->
+            <span class="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</span>
+            <span class="success" @click="handleQsFk(row, '反馈')"
+              v-else-if="row.czzt == '02' && permission_sfqs">反馈</span>
+            <!-- <span type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</span> -->
+            <span class="primary" @click="openBox(row)">详情</span>
+            <span class="primary" @click="pushWarning(row)">指派</span>
+          </div>
+        </template>
+      </WarnDataTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
         ...pageData.pageConfiger,
         total: pageData.total
@@ -74,8 +97,9 @@
 
   <ChooseJf v-model="chooseJfShow" titleValue="选择系数" :Single="false" :chooseJfBh="chooseJfBh" url="/yjzxZhyj/sjxspz"
     :roleIds="roleIds" />
-      <!-- <Pagination v-model="paginationOpen" /> -->
-        <Pagination v-model="paginationOpen" :dataList="dataPres" :dict="{D_BZ_XB,D_BZ_YJJB,D_GS_QLZDRLX,D_GS_ZDR_RYJB,D_GS_ZDR_GJLB,D_GS_BK_CZYQ}" />
+  <!-- <Pagination v-model="paginationOpen" /> -->
+  <Pagination v-model="paginationOpen" :dataList="dataPres"
+    :dict="{ D_BZ_XB, D_BZ_YJJB, D_GS_QLZDRLX, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB, D_GS_BK_CZYQ }" />
 </template>
 
 <script setup>
@@ -99,13 +123,16 @@ import { exportExlByObj } from "@/utils/exportExcel.js"
 import { getMultiDictVal } from "@/utils/dict.js"
 import emitter from "@/utils/eventBus.js";
 import Pagination from "./components/particulars.vue";
+import WarnDataTable from '@/views/backOfficeSystem/ces/components/WarnDataTable.vue'
+import QueryFormPanel from "@/views/backOfficeSystem/ces/components/QueryFormPanel.vue";
+import { bqYs } from '@/utils/tools.js'
 const permission_sfqs = ref(false)
 const roleCode = ref(false)
 const searchBox = ref();
 const czjyRef = ref()
 const { proxy } = getCurrentInstance();
-const { D_GSXT_YJXX_CZZT, D_GS_SSYJ, D_BZ_YJJB, D_BZ_YJLY, D_BZ_YJLX, D_BZ_BKLYS, D_GS_CSZT, D_GS_BKZT, D_BZ_XB,D_GS_QLZDRLX,D_GS_ZDR_RYJB,D_GS_ZDR_GJLB,D_GS_BK_CZYQ } =
-  proxy.$dict("D_GSXT_YJXX_CZZT", "D_GS_SSYJ", "D_BZ_YJJB", "D_BZ_YJLY", "D_BZ_YJLX", "D_BZ_BKLYS", "D_GS_CSZT", "D_GS_BKZT", "D_BZ_XB","D_GS_QLZDRLX","D_GS_ZDR_RYJB","D_GS_ZDR_GJLB","D_GS_BK_CZYQ");
+const { D_GSXT_YJXX_CZZT, D_GS_SSYJ, D_BZ_YJJB, D_BZ_YJLY, D_BZ_YJLX, D_BZ_BKLYS, D_GS_CSZT, D_GS_BKZT, D_BZ_XB, D_GS_QLZDRLX, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB, D_GS_BK_CZYQ, D_GS_QLZDRYXX } =
+  proxy.$dict("D_GSXT_YJXX_CZZT", "D_GS_SSYJ", "D_BZ_YJJB", "D_BZ_YJLY", "D_BZ_YJLX", "D_BZ_BKLYS", "D_GS_CSZT", "D_GS_BKZT", "D_BZ_XB", "D_GS_QLZDRLX", "D_GS_ZDR_RYJB", "D_GS_ZDR_GJLB", "D_GS_BK_CZYQ", "D_GS_QLZDRYXX");
 
 // 字典数据集合
 const dict = ref({
@@ -122,21 +149,20 @@ const searchConfiger = ref([
   { label: "布控开始时间", prop: 'bkkssj', showType: "date", placeholder: "请选择布控开始时间" },
   { label: "布控结束时间", prop: 'bkjssj', showType: "date", placeholder: "请选择布控结束时间" },
   { label: "预警时间", prop: 'startTime', showType: "datetimerange", placeholder: "请选择预警时间" },
-  { label: "比中项", prop: 'yjLx', showType: "checkbox", showSelectAll: true, options: [{ label: '人员', value: '1', }, { label: '车辆', value: '2', }] },
+  { label: "比中项", prop: 'yjLx', showType: "select", options: [{ label: '人员', value: '1', }, { label: '车辆', value: '2', }], multiple: true },
   { label: "布控来源", prop: 'bkly', showType: "select", options: D_BZ_BKLYS, placeholder: "请选择布控来源" },
-  { label: "区域所属单位", prop: 'ssbmdm', placeholder: "请选择区域所属单位", showType: "department" },
-  { label: "布控单位", prop: 'ssbmdm', placeholder: "请选择布控单位", showType: "department" },
-  { label: "所属部门", prop: 'ssbmdm', placeholder: "请选择所属部门", showType: "department" },
+  { label: "所属单位", prop: 'ssbmdm', showType: "department", placeholder: "请选择所属单位" },
+  { label: "布控单位", prop: 'gkbmdm', showType: "department", placeholder: "请选择布控单位" },
   { label: "签收状态", prop: 'czzt', showType: "select", options: D_GSXT_YJXX_CZZT },
   { label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT },
   { label: "布控状态", prop: 'zkzt', showType: "select", options: D_GS_BKZT, placeholder: "请选择布控状态" },
-  { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
-  { label: "性别", prop: 'xbdm', showType: "select", options: D_BZ_XB, placeholder: "请选择性别" },
-  { label: "开始年龄", prop: 'ksnl', placeholder: "请输入年龄", showType: "number" },
-  { label: "结束年龄", prop: 'jsnl', placeholder: "请输入年龄", showType: "number" },
-  { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
-  { label: "车牌号码", prop: 'clcph', placeholder: "请输入车牌号码", showType: "input" },
-  { label: "预警内容", prop: 'yjNr', showType: "input", placeholder: "请输入预警内容" },
+  { key: 'yjRyxm', label: '姓名', type: 'input', placeholder: '请输入姓名' },
+  { key: 'xbdm', label: '性别', type: 'select', options: D_BZ_XB, placeholder: '请选择性别' },
+  { key: 'yjRysfzh', label: '身份证号码', type: 'input', placeholder: '请输入身份证号码' },
+  { key: 'ksnl', label: '开始年龄', type: 'number', placeholder: '请输入开始年龄' },
+  { key: 'jsnl', label: '结束年龄', type: 'number', placeholder: '请输入结束年龄' },
+  { key: 'clcph', label: '车牌号码', type: 'input', placeholder: '请输入车牌号码' },
+  { key: 'yjNr', label: '预警内容', type: 'input', placeholder: '请输入预警内容' },
   // { label: "预警标签", prop: 'yjbqmc', placeholder: "请输入预警标签", showType: "input" },
   // { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
   // { label: "级别", prop: 'bqys', placeholder: "请选择级别", showType: "select", options: D_BZ_YJJB },
@@ -160,42 +186,31 @@ const pageData = reactive({
     pageSize: 20,
     pageCurrent: 1
   },
-  controlsWidth:160,
+  controlsWidth: 160,
   tableColumn: [
-    { label: "状态", prop: "czzt", showOverflowTooltip: true, showSolt: true, width: 80 },
-    { label: "预警时间", prop: "yjSj", showOverflowTooltip: true, width: 50 },
-    { label: "区域名称", prop: "bkqymc", showOverflowTooltip: true, width: 50 },
-    { label: "区域范围", prop: "bkfw", showOverflowTooltip: true, width: 50},
-    // { label: "区域所属", prop: "gkbmmc", showOverflowTooltip: true, width: 50 },
-    { label: "比中", prop: "yjLx", showOverflowTooltip: true, width: 60, showSolt: true },
-    { label: "姓名", prop: "yjRyxm", showOverflowTooltip: true, width: 60 },
-    { label: "身份证号", prop: "yjRysfzh", showOverflowTooltip: true },
-    { label: "性别", prop: "xbdm", showOverflowTooltip: true, showSolt: true, width: 50 },
-    { label: "年龄", prop: "nl", showOverflowTooltip: true, width: 50 },
-    { label: "预警级别", prop: "yjJb", showOverflowTooltip: true,showSolt: true, width: 60 },
-    { label: "布控单位", prop: "gkbmmc", showOverflowTooltip: true, width: 60 },
-    { label: "布控来源", prop: "bkly", showOverflowTooltip: true ,showSolt: true, width: 60 },
-    { label: "布控范围", prop: "bkfw", showOverflowTooltip: true, width: 60 },
-    { label: "布控开始时间", prop: "bkkssj", showOverflowTooltip: true },
-    { label: "布控结束时间", prop: "bkjssj", showOverflowTooltip: true },
-    { label: "处置要求", prop: "bkczyq",showSolt: true, showOverflowTooltip: true, width: 50 },
-    { label: "相似度", prop: "xsd", showSolt: true, showOverflowTooltip: true, width:45 },
-    { label: "预警内容", prop: "yjNr", showOverflowTooltip: true, width: 50 },
-    { label: "所属单位", prop: "ssbm", showOverflowTooltip: true, width: 50 },
-    { label: "数据来源", prop: "yjLylx", showOverflowTooltip: true,showSolt: true, width: 65 },
-    { label: "超时状态", prop: "cszt", showOverflowTooltip: true,showSolt: true, width: 50 },
-    { label: "在控状态", prop: "zkzt", showOverflowTooltip: true,showSolt: true, width: 50 },
-
-    // { label: "相似度", prop: "xsd", showSolt: true },
-    // { label: "处置状态", prop: "czzt", showSolt: true },
-    // { label: "预警时间", prop: "yjSj", width: 200 },
-    // { label: "预警标签", prop: "yjbqmc" },
-    // { label: "身份证号", prop: "yjRysfzh", width: 200 },
-    // { label: "预警来源", prop: "yjLylx", showSolt: true },
-    // { label: "预警级别", prop: "yjJb", showSolt: true },
-    // { label: "车牌号", prop: "yjClcph" },
-    // { label: "布控区域名称", prop: "bkqymc" },
-    // { label: "所属部门", prop: "ssbm" },
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { label: '预警状态', width: 80, align: 'center', slotName: 'czzt' },
+    { prop: 'yjSj', label: '预警时间', width: 80, align: 'center' },
+    { prop: 'bkqymc', label: '区域名称', width: 80, align: 'center' },
+    { label: "比中", slotName: 'yjLx', width: 60, align: 'center' },
+    { label: '人员姓名', slotName: 'yjRyxm', width: 80, align: 'center' },
+    { prop: 'yjRysfzh', label: '身份证号', width: 80, align: 'center' },
+    { label: '性别', width: 56, align: 'center', slotName: 'xbdm' },
+    { prop: 'nl', label: '年龄', width: 56, align: 'center' },
+    { label: '预警级别', width: 88, align: 'center', slotName: 'yjJb' },
+    { label: "布控单位", prop: "gkbmmc", align: 'center' },
+    { label: "布控来源", align: 'center', slotName: 'bkly', width: 70 },
+    { prop: 'bkfw', label: "布控范围", align: 'center', width: 70 },
+    { prop: 'bkkssj', label: "布控开始时间", align: 'center' },
+    { prop: 'bkjssj', label: "布控结束时间", align: 'center' },
+    { label: "处置要求", width: 70, slotName: 'bkczyq', align: 'center' },
+    { label: "相似度", slotName: "xsd", align: 'center', width: 50 },
+    { label: "预警内容", prop: "yjNr", align: 'center' },
+    { label: "所属部门", prop: "ssbm", align: 'center' },
+    { label: "数据来源", slotName: "yjLylx", align: 'center' },
+    { label: '操作', width: 180, slotName: 'operation' },
+    { label: '超时状态', width: 80, align: 'center', slotName: 'cszt' },
+    { label: "在控状态", width: 70, align: 'center', slotName: "zkzt" },
   ]
 });
 
@@ -219,7 +234,7 @@ const handleCzjy = (row) => {
 }
 
 const onSearch = (val) => {
-  queryFrom.value = { ...queryFrom.value, ...val,sfglyj:val.sfglyj.join(',') };
+  queryFrom.value = { ...queryFrom.value, ...val, yjLx: val.yjLx.join(',') };
   pageData.pageConfiger.pageCurrent = 1;
   getList();
 };
@@ -255,17 +270,6 @@ const getList = () => {
     pageData.tableConfiger.loading = false;
   });
 };
-const bqYs = (val) => {
-  if (val == '01') {
-    return '#ff0202'
-  } else if (val == '02') {
-    return '#ff8c00'
-  } else if (val == '03') {
-    return '#e6a23c'
-  } else if (val == '04') {
-    return '#0000ff'
-  }
-}
 const bqLbData = ref({
   bqXl: []
 })
@@ -362,7 +366,7 @@ const chooseJfFun = (val) => {
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 230;
   window.onresize = function () {
     tabHeightFn();
   };
@@ -431,6 +435,7 @@ const openBox = (val) => {
 .el-loading-mask {
   background: rgba(0, 0, 0, 0.5) !important;
 }
+
 ::v-deep .el-table .cell {
   padding: 0;
 }
@@ -438,4 +443,8 @@ const openBox = (val) => {
 ::v-deep .el-table .el-table__cell {
   padding: 4px 0;
 }
+
+.bgTable {
+  background-color: #fff;
+}
 </style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/index copy.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/index copy.vue
new file mode 100644
index 0000000..2b53ade
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/index copy.vue	
@@ -0,0 +1,332 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10 mb10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" ref="searchDom" :key="pageData.keyCount">
+      </Search>
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="exportExl">批量导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs">批量签收</el-button>
+        <el-button type="primary" size="small" @click="handleQs">批量分析</el-button>
+        <el-button type="primary" size="small" @click="countPeople">计算人数</el-button>
+      </template>
+    </PageTitle>
+    <!-- 表格 -->
+    <div class="tabBox heightBox">
+      <MyTable expand :tableData="pageData.tableData" :tableColumn="pageData.tableColumn"
+        :tableHeight="pageData.tableHeight" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger"
+        :controlsWidth="pageData.controlsWidth" @chooseData="handleChooseData">
+        <template #expand="{ props }">
+          <div style="max-width: 100%">
+            <Items :row="props || {}" />
+          </div>
+        </template>
+        <template #czzt="{ row }">
+          <DictTag :value="row.czzt" :tag="false" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #xbdm="{ row }">
+          <DictTag :value="row.xbdm" :tag="false" :options="D_BZ_XB" />
+        </template>
+        <template #age="{ row }">
+          <span v-if="row.yjRysfzh"> {{ IdCard(row.yjRysfzh, 3) }} </span>
+        </template>
+        <template #yjJb="{ row }">
+          <DictTag :value="row.yjJb" :tag="false" :options="D_BZ_YJJB" />
+        </template>
+        <template #bqdl="{ row }">
+          <DictTag :value="row.bqdl" :tag="false" :options="D_GS_QLZDRLX" />
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
+        </template>
+        <template #yjLx="{ row }">
+          <DictTag :value="row.yjLx" :tag="false" :options="D_GS_QLZDRYXX" />
+        </template>
+        <template #controls="{ row }">
+          <el-link type="primary" @click="handleQsSingle(row)">签收</el-link>
+          <el-link type="primary" @click="particularsOpen(row)">详情</el-link>
+          <el-link type="warning" @click="pushWarning(row)">指派</el-link>
+          <el-link type="warning" v-if="row.sfbc != '1'" @click="failWarning(row)">报错</el-link>
+          <el-link type="primary" @click="payAttention(row)">关注</el-link>
+
+        </template>
+        <template #cszt="{ row }">
+          <DictTag :value="row.cszt" :tag="false" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <ZpForm v-model="warningShow" :dataList="dataList" />
+  <Particulars v-model="particularsShow" :dataList="dataPres"
+    :dict="{ D_BZ_XB, D_BZ_YJJB, D_GS_QLZDRLX, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB }" />
+  <peopleConut v-model="searchOpen" :dataConut="dataConut" />
+</template>
+
+<script setup>
+import { getMultiDictVal } from "@/utils/dict.js"
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import Items from '@/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/item/items.vue'
+import ZpForm from "./zpForm.vue";
+import Particulars from "./particulars.vue";
+import { IdCard } from '@/utils/validate.js'
+import Search from "@/components/aboutTable/Search.vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance, } from "vue";
+import peopleConut from "./peopleConut.vue";
+const { proxy } = getCurrentInstance();
+const { D_BZ_YJLY, D_GS_QLZDRLX, D_GS_ZDR_GJLB, D_BZ_YJJB, D_GS_CSZT, D_GS_QLZDRYXX, D_BZ_XB, D_GSXT_YJXX_CZZT, D_GS_ZDR_RYJB } = proxy.$dict('D_BZ_YJLY', 'D_GS_QLZDRLX', "D_BZ_YJJB", "D_GS_QLZDRYXX", "D_BZ_XB", "D_GSXT_YJXX_CZZT", "D_GS_ZDR_RYJB", 'D_GS_ZDR_GJLB', 'D_GS_CSZT'); //获取字典数据
+const searchBox = ref(); //搜索框
+const warningShow = ref(false);
+const dataList = ref([]);
+const searchConfiger = ref(
+  [
+    { label: "预警时间", prop: 'startTime', showType: "datetimerange", placeholder: "请选择预警时间" },
+    { label: "预警级别", prop: 'yjJb', placeholder: "请选择预警级别", showType: "select", options: D_BZ_YJJB, multiple: true },
+    { label: "接收单位", prop: 'ssbmdm', showType: "department" },
+    { prop: 'sfglyj', showType: "checkbox", showSelectAll: false, options: [{ label: '关联预警', value: '1' }] },
+    { prop: 'sfgz', showType: "checkbox", showSelectAll: false, options: [{ label: '重点关注', value: '1' }] },
+    { prop: 'sfzp', showType: "checkbox", showSelectAll: false, options: [{ label: '二次指派', value: '1' }] },
+    { label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT },
+    { label: "人员类别", prop: 'bqdl', placeholder: "请选择人员类别", showType: "select", options: D_GS_QLZDRLX },
+    { label: "预警次数", prop: 'yjCs', placeholder: "请输入预警次数", showType: "number" },
+    { label: "人员级别", prop: 'yjJb', showType: "select", options: D_GS_ZDR_RYJB },
+    { label: "轨迹类别", prop: 'yjLylx', showType: "select", options: D_GS_ZDR_GJLB },
+    { label: "姓名", prop: 'yjRyxm', placeholder: "请输入姓名", showType: "input" },
+    { label: "性别", prop: 'xbdm', placeholder: "请选择性别", showType: "select", options: D_BZ_XB },
+    { label: "身份证", prop: 'yjRysfzh', placeholder: "请输入身份证号码", showType: "input" },
+    { label: "开始年龄", prop: 'ksnl', placeholder: "请输入年龄", showType: "number" },
+    { label: "结束年龄", prop: 'jsnl', placeholder: "请输入年龄", showType: "number" },
+    { label: "活动发生地", prop: 'yjDz', placeholder: "请输入活动发生地", showType: "input" },
+    { label: "人员细类", prop: 'yjbqmc', placeholder: "请输入人员细类", showType: "input" },
+  ])
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 200, //操作栏宽度
+  tableColumn: [
+    { label: "预警状态", prop: "czzt", showSolt: true, width: 70 },
+    { label: "预警时间", prop: "yjSj", width: 148 },
+    { label: "人员姓名", prop: "yjRyxm", },
+    { label: "身份证号", prop: "yjRysfzh", width: 148 },
+    { label: "性别", prop: "xbdm", showSolt: true, width: 60 },
+    { label: "年龄", prop: "age", showSolt: true, width: 50 },
+    { label: "级别", prop: "yjJb", showSolt: true, width: 50 },
+    { label: "人员类别", prop: "bqdl", showSolt: true, width: 100 },
+    { label: "人员细类", prop: "yjbqmc" },
+    { label: "轨迹类别", prop: "yjLylx", showSolt: true },
+    { label: "活动发生地", prop: "yjDz" },
+    { label: "接收单位", prop: "ssbm", width: 148 },
+    { label: "次数", prop: "yjCs", width: 50 },
+    { label: "超时状态", prop: "cszt" },
+  ]
+});
+
+onMounted(() => {
+  tabHeightFn();
+  getList()
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = { ...val, yjJb: val.yjJb?.join(',') || '' }
+  queryFrom.value.startTime = val.startTime ? val.startTime[0] : ''
+  queryFrom.value.endTime = val.startTime ? val.startTime[1] : ''
+  queryFrom.value.sfglyj = val.sfglyj?.join(',') || ''
+  queryFrom.value.sfgz = val.sfgz?.join(',') || ''
+  queryFrom.value.sfzp = val.sfzp?.join(',') || ''
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  const promes = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize,
+  }
+  delete promes.times;
+  qcckPost(promes, '/mosty-gsxt/tbYjxx/getQlzdrPageList').then((res) => {
+    pageData.total = res.total || 0;
+    pageData.tableConfiger.loading = false;
+    pageData.tableData = res.records || []
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  })
+}
+
+const pushWarning = (val) => {
+  warningShow.value = true;
+  dataList.value = val;
+}
+
+
+const failWarning = (val) => {
+  let ids = [val.id]
+  qcckPost({ ids }, '/mosty-gsxt/tbYjxx/yjbc').then((res) => {
+    proxy.$message({ type: "success", message: "成功" });
+    getList();
+  }).catch(() => {
+    proxy.$message({ type: "error", message: "失败" });
+  });
+}
+
+
+
+/** 选中项 */
+const selectRows = ref([])
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    czzt_name: "状态",
+    yjSj: "预警时间",
+    yjRyxm: "人员姓名",
+    yjRysfzh: "身份证号",
+    yjJb_name: "预警级别",
+    bqdl_name: "人员类别",
+    yjbqmc: "细类",
+    yjDz: "活动发生地",
+    ssbm: "接收单位",
+    yjCs: "预警次数",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      czzt_name: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+      yjJb_name: getMultiDictVal(item.yjJb, D_BZ_YJJB),
+      bqdl_name: getMultiDictVal(item.bqdl, D_GS_QLZDRLX),
+    }
+  })
+  exportExlByObj(titleObj, data, '七类重点')
+}
+// 批量签收
+const handleQs = () => {
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ ids }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+// 详情
+const dataPres = ref({})
+const particularsShow = ref(false);
+const particularsOpen = (row) => {
+  dataPres.value = row
+
+  particularsShow.value = true;
+}
+// 单条签收
+const handleQsSingle = (row) => {
+  if (row.czzt == '02') return proxy.$message({ type: "warning", message: "数据已签收，无需重复签收" });
+  proxy.$confirm('确认要签收该条预警数据吗？', "警告", { type: "warning" }).then(() => {
+    qcckPost({ ids: [row.id] }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+// 关注
+const payAttention = (row) => {
+  let promes = {}
+  if (row.sfgz == '1') {
+    promes.sfgz = '0'
+    promes.msg = '取消关注'
+  } else {
+    promes.sfgz = '1'
+    promes.msg = '关注'
+  }
+
+  proxy.$confirm('确认要关注该条预警数据吗？', "警告", { type: "warning" }).then(() => {
+    qcckPost({ sfgz: promes.sfgz, id: row.id }, '/mosty-gsxt/tbYjxx/yjgz').then(() => {
+      proxy.$message({ type: "success", message: `${promes.msg}成功` });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: `${promes.msg}失败` });
+    });
+  }).catch(() => { });
+}
+// 人数计算
+const searchDom = ref(null)
+const dataConut = ref(0)
+const searchOpen = ref(false)
+const countPeople = () => {
+
+  const promes = {
+    ...searchDom.value.searchObj,
+    yjJb: searchDom.value.searchObj.yjJb?.join(',') || '',
+    startTime: searchDom.value.searchObj.startTime ? searchDom.value.searchObj.startTime[0] : '',
+    endTime: searchDom.value.searchObj.endTime ? searchDom.value.searchObj.endTime[1] : '',
+    sfglyj: searchDom.value.searchObj.sfglyj?.join(',') || '',
+    sfgz: searchDom.value.searchObj.sfgz?.join(',') || '',
+    sfzp: searchDom.value.searchObj.sfzp?.join(',') || '',
+  }
+  qcckPost(promes, '/mosty-gsxt/tbYjxx/bkyjQctj').then((res) => {
+    dataConut.value = res || 0
+    searchOpen.value = true
+  }).catch(() => {
+    // proxy.$message({ type: "error", message: `${promes.msg}失败` });
+  });
+}
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 290;
+  window.onresize = function () { tabHeightFn(); };
+};
+</script>
+
+<style lang="scss" scoped>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+::v-deep .el-table .cell {
+  padding: 0;
+}
+
+::v-deep .el-table .el-table__cell {
+  padding: 4px 0;
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/index.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/index.vue
new file mode 100644
index 0000000..31722de
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/index.vue	
@@ -0,0 +1,334 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10 mb10">
+      <!-- <Search :searchArr="searchConfiger" @submit="onSearch" ref="searchDom" :key="pageData.keyCount">
+      </Search> -->
+      <QueryFormPanel v-model="queryFrom" :fields="searchConfiger" ref="searchDom" @search='onSearch'>
+        <template #but>
+          <el-button type="primary" size="small" @click="exportExl">批量导出</el-button>
+          <el-button type="primary" size="small" @click="handleQs">批量签收</el-button>
+          <el-button type="primary" size="small" @click="handleQs">批量分析</el-button>
+          <el-button type="primary" size="small" @click="countPeople">计算人数</el-button>
+        </template>
+      </QueryFormPanel>
+    </div>
+    <!-- <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="exportExl">批量导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs">批量签收</el-button>
+        <el-button type="primary" size="small" @click="handleQs">批量分析</el-button>
+        <el-button type="primary" size="small" @click="countPeople">计算人数</el-button>
+      </template>
+</PageTitle> -->
+    <!-- 表格 -->
+    <div style="background-color: #fff;">
+      <WarnDataTable :loading="pageData.tableConfiger.loading" :tableHeight="pageData.tableHeight"
+        :data="pageData.tableData" :columns="pageData.tableColumn" table-class="warn-table"
+        @selectionChange="handleChooseData">
+        <template #status="{ row }">
+          <DictTag :value="row.czzt" :color="row.czzt === '01' ? '#ff2424' : '#1d72e8'" :tag="false"
+            :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #xbdm="{ row }">
+          <DictTag :value="row.xbdm" :tag="false" :options="D_BZ_XB" />
+        </template>
+        <template #yjJb="{ row }">
+          <div :style="{ 'background-color': bqYs(row.yjJb) }">
+            <DictTag :value="row.yjJb" color="#fff" :tag="false" :options="D_BZ_YJJB" />
+          </div>
+        </template>
+        <template #bqdl="{ row }">
+          <DictTag :value="row.bqdl" :tag="false" :options="D_GS_QLZDRLX" />
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
+        </template>
+        <template #cszt="{ row }">
+          <DictTag :value="row.cszt" :tag="false" :options="D_GS_CSZT" />
+        </template>
+        <template #operation="{ row }">
+          <div style="display: flex;justify-content: space-between;">
+            <span class="primary" @click="handleQsSingle(row)">签收</span>
+            <span class="primary" @click="particularsOpen(row)">详情</span>
+            <span class="warning" @click="pushWarning(row)">指派</span>
+            <span class="warning" v-if="row.sfbc != '1'" @click="failWarning(row)">报错</span>
+            <span class="primary" @click="payAttention(row)">关注</span>
+          </div>
+        </template>
+      </WarnDataTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <ZpForm v-model="warningShow" :dataList="dataList" />
+  <Particulars v-model="particularsShow" :dataList="dataPres"
+    :dict="{ D_BZ_XB, D_BZ_YJJB, D_GS_QLZDRLX, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB }" />
+  <peopleConut v-model="searchOpen" :dataConut="dataConut" />
+</template>
+
+<script setup>
+import { getMultiDictVal } from "@/utils/dict.js"
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import ZpForm from "./zpForm.vue";
+import { bqYs } from '@/utils/tools.js'
+import Particulars from "./particulars.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import WarnDataTable from '@/views/backOfficeSystem/ces/components/WarnDataTable.vue'
+import QueryFormPanel from "@/views/backOfficeSystem/ces/components/QueryFormPanel.vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+// import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance, } from "vue";
+import peopleConut from "./peopleConut.vue";
+const { proxy } = getCurrentInstance();
+const { D_BZ_YJLY, D_GS_QLZDRLX, D_GS_ZDR_GJLB, D_BZ_YJJB, D_GS_CSZT, D_GS_QLZDRYXX, D_BZ_XB, D_GSXT_YJXX_CZZT, D_GS_ZDR_RYJB, D_BZ_SF } = proxy.$dict('D_BZ_YJLY', 'D_GS_QLZDRLX', "D_BZ_YJJB", "D_GS_QLZDRYXX", "D_BZ_XB", "D_GSXT_YJXX_CZZT", "D_GS_ZDR_RYJB", 'D_GS_ZDR_GJLB', 'D_GS_CSZT', "D_BZ_SF"); //获取字典数据
+const searchBox = ref(); //搜索框
+const warningShow = ref(false);
+const dataList = ref([]);
+const searchConfiger = ref(
+  [
+    { key: 'startTime', label: '预警时间', type: 'datetimerange', placeholder: '请选择预警时间' },
+    { key: 'yjJb', label: '预警级别', type: 'select', options: D_BZ_YJJB, multiple: true, placeholder: '请选择预警级别' },
+    { key: 'ssbmdm', label: '接收单位', type: 'department', placeholder: '请选择接收单位' },
+    { key: 'sfglyj', label: '关联预警', type: 'select', options: D_BZ_SF, placeholder: '请选择关联预警' },
+    { key: 'yjRyxm', label: '姓名', type: 'input', placeholder: '请输入姓名' },
+    { key: 'xbdm', label: '性别', type: 'select', options: D_BZ_XB, placeholder: '请选择性别' },
+    { key: 'cszt', label: '超时状态', type: 'select', options: D_GS_CSZT, placeholder: '请选择超时状态' },
+    { key: 'bqdl', label: '人员类别', type: 'select', options: D_GS_QLZDRLX, placeholder: '请选择人员类别' },
+    { key: 'sfgz', label: '重点关注', type: 'select', options: D_BZ_SF, placeholder: '请选择重点关注' },
+    { key: 'sfzp', label: '二次指派', type: 'select', options: D_BZ_SF, placeholder: '请选择二次指派' },
+    { key: 'yjRysfzh', label: '身份证号码', type: 'input', placeholder: '请输入身份证号码' },
+    { key: 'ksnl', label: '开始年龄', type: 'input', placeholder: '请输入开始年龄' },
+    { key: 'jsnl', label: '结束年龄', type: 'input', placeholder: '请输入结束年龄' },
+    { key: 'yjCs', label: '预警次数', type: 'input', placeholder: '请输入预警次数' },
+    { key: 'bqdl', label: '人员级别', type: 'select', options: D_GS_ZDR_RYJB },
+    { key: 'yjLylx', label: '轨迹类别', type: 'select', options: D_GS_ZDR_GJLB },
+    { key: 'yjDz', label: '活动发生地', type: 'input', placeholder: '请输入活动发生地' },
+    { key: 'yjbqmc', label: '人员细类', type: 'input', placeholder: '请输入人员细类' }
+  ])
+
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableHeight: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 200, //操作栏宽度
+  tableColumn: [
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { label: '预警状态', width: 86, align: 'center', slotName: 'status' },
+    { prop: 'yjSj', label: '预警时间', width: 150 },
+    { prop: 'yjRyxm', label: '人员姓名', width: 80 },
+    { prop: 'yjRysfzh', label: '身份证号', width: 158 },
+    { label: '性别', width: 56, align: 'center', slotName: 'xbdm' },
+    { prop: 'nl', label: '年龄', width: 56, align: 'center' },
+    { label: '预警级别', width: 88, align: 'center', slotName: 'yjJb' },
+    { label: '人员类别', width: 90, align: 'center', slotName: 'bqdl' },
+    { prop: 'yjbqmc', label: '人员细类', width: 92 },
+    { label: '轨迹类别', width: 92, align: 'center', slotName: 'yjLylx' },
+    { prop: 'yjDz', label: '活动发生地' },
+    { prop: 'ssbm', label: '接收单位' },
+    { prop: 'yjCs', label: '次数', width: 60, align: 'center' },
+    { label: '操作', width: 180, slotName: 'operation' },
+    { label: '超时状态', width: 80, align: 'center', slotName: 'cszt' }
+
+  ]
+});
+
+onMounted(() => {
+  tabHeightFn();
+  getList()
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = { ...val, yjJb: val.yjJb?.join(',') || '' }
+  queryFrom.value.startTime = val.startTime ? val.startTime[0] : ''
+  queryFrom.value.endTime = val.startTime ? val.startTime[1] : ''
+  // queryFrom.value.sfglyj = val.sfglyj?.join(',') || ''
+  // queryFrom.value.sfgz = val.sfgz?.join(',') || ''
+  // queryFrom.value.sfzp = val.sfzp?.join(',') || ''
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  const promes = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize,
+  }
+  delete promes.times;
+  qcckPost(promes, '/mosty-gsxt/tbYjxx/getQlzdrPageList').then((res) => {
+    pageData.total = res.total || 0;
+    pageData.tableConfiger.loading = false;
+    pageData.tableData = res.records || []
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  })
+}
+
+const pushWarning = (val) => {
+  warningShow.value = true;
+  dataList.value = val;
+}
+
+
+const failWarning = (val) => {
+  let ids = [val.id]
+  qcckPost({ ids }, '/mosty-gsxt/tbYjxx/yjbc').then((res) => {
+    proxy.$message({ type: "success", message: "成功" });
+    getList();
+  }).catch(() => {
+    proxy.$message({ type: "error", message: "失败" });
+  });
+}
+
+
+
+/** 选中项 */
+const selectRows = ref([])
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    czzt_name: "状态",
+    yjSj: "预警时间",
+    yjRyxm: "人员姓名",
+    yjRysfzh: "身份证号",
+    yjJb_name: "预警级别",
+    bqdl_name: "人员类别",
+    yjbqmc: "细类",
+    yjDz: "活动发生地",
+    ssbm: "接收单位",
+    yjCs: "预警次数",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      czzt_name: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+      yjJb_name: getMultiDictVal(item.yjJb, D_BZ_YJJB),
+      bqdl_name: getMultiDictVal(item.bqdl, D_GS_QLZDRLX),
+    }
+  })
+  exportExlByObj(titleObj, data, '七类重点')
+}
+// 批量签收
+const handleQs = () => {
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ ids }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+// 详情
+const dataPres = ref({})
+const particularsShow = ref(false);
+const particularsOpen = (row) => {
+  dataPres.value = row
+
+  particularsShow.value = true;
+}
+// 单条签收
+const handleQsSingle = (row) => {
+  if (row.czzt == '02') return proxy.$message({ type: "warning", message: "数据已签收，无需重复签收" });
+  proxy.$confirm('确认要签收该条预警数据吗？', "警告", { type: "warning" }).then(() => {
+    qcckPost({ ids: [row.id] }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+// 关注
+const payAttention = (row) => {
+  let promes = {}
+  if (row.sfgz == '1') {
+    promes.sfgz = '0'
+    promes.msg = '取消关注'
+  } else {
+    promes.sfgz = '1'
+    promes.msg = '关注'
+  }
+
+  proxy.$confirm('确认要关注该条预警数据吗？', "警告", { type: "warning" }).then(() => {
+    qcckPost({ sfgz: promes.sfgz, id: row.id }, '/mosty-gsxt/tbYjxx/yjgz').then(() => {
+      proxy.$message({ type: "success", message: `${promes.msg}成功` });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: `${promes.msg}失败` });
+    });
+  }).catch(() => { });
+}
+// 人数计算
+const searchDom = ref(null)
+const dataConut = ref(0)
+const searchOpen = ref(false)
+const countPeople = () => {
+
+  const promes = {
+    ...searchDom.value.formState,
+    yjJb: searchDom.value.formState.yjJb?.join(',') || '',
+    startTime: searchDom.value.formState.startTime ? searchDom.value.formState.startTime[0] : '',
+    endTime: searchDom.value.formState.endTime ? searchDom.value.formState.endTime[1] : '',
+  }
+  qcckPost(promes, '/mosty-gsxt/tbYjxx/bkyjQctj').then((res) => {
+    dataConut.value = res || 0
+    searchOpen.value = true
+  }).catch(() => {
+    // proxy.$message({ type: "error", message: `${promes.msg}失败` });
+  });
+}
+// 表格高度计算
+const tabHeightFn = () => {
+  console.log("xxxxxxx");
+
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 230;
+  window.onresize = function () { tabHeightFn(); };
+};
+</script>
+
+<style lang="scss" scoped>
+.danger {
+  color: #ff2424;
+}
+
+.ok {
+  color: #1d72e8;
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/particulars.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/particulars.vue
new file mode 100644
index 0000000..eed98b3
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/particulars.vue	
@@ -0,0 +1,472 @@
+<!--预警指派展示组件  -->
+<template>
+  <el-dialog :draggable="true" :model-value="modelValue" :title="title" :width="width" @close="close" append-to-body>
+    <div class="archive-container" v-loading="loading">
+      <div class="three-column-layout">
+        <!-- 重点人员基本信息页 -->
+        <div class="column">
+          <div class="column-header">重点人员基本信息页</div>
+          <div class="info-section">
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">人员姓名：</span>
+                <span class="info-value">{{ dataForm.yjRyxm }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">性别：</span>
+                <span class="info-value">
+                  <DictTag :value="dataForm.xbdm" :tag="false" :options="dict.D_BZ_XB" />
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">年龄：</span>
+                <span class="info-value">{{ dataForm.nl }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">身份证号码：</span>
+                <span class="info-value">{{ dataForm.yjRysfzh }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">户籍地：</span>
+                <span class="info-value">{{ dataForm.hjdXz }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">现住地址：</span>
+                <span class="info-value">{{ dataForm.xzdXz }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">入库时间：</span>
+                <span class="info-value">{{ dataForm.zdrRkkssj }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">预警级别：</span>
+                <span class="info-value warning-level" :class="ys()">
+                  <DictTag :value="dataForm.yjJb" :tag="false" :options="dict.D_BZ_YJJB" />
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">人员类别：</span>
+                <span class="info-value">
+                  <DictTag :value="dataForm.bqdl" :tag="false" :options="dict.D_GS_QLZDRLX" />
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item">
+                <span class="info-label">人员级别：</span>
+                <span class="info-value">
+                  <DictTag :value="dataForm.yjJb" :tag="false" :options="dict.D_GS_ZDR_RYJB" />
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">人员细类：</span>
+                <span class="info-value">{{ dataForm.yjbqmc }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">立案单位：</span>
+                <span class="info-value"></span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">简要案情：</span>
+                <span class="info-value text-area"></span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">一标三实：</span>
+                <span class="info-value text-area"></span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 重点人员活动信息页 -->
+        <div class="column">
+          <div class="column-header">重点人员活动信息页</div>
+          <div class="info-section blue-bg">
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">轨迹类别：</span>
+                <span class="info-value">
+                  <DictTag :value="dataForm.yjLylx" :tag="false" :options="dict.D_GS_ZDR_GJLB" />
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">核查时间：</span>
+                <span class="info-value">
+                  <span v-if="dataForm.fkList && dataForm.fkList.length > 0">{{ dataForm.fkList[0].czsj }}</span>
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">比对时间：</span>
+                <span class="info-value">{{ dataForm.yjSj }}</span>
+              </div>
+            </div>
+            <!-- <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">活动发生地：</span>
+                <span class="info-value">{{ dataForm.xxdz }}</span>
+              </div>
+            </div> -->
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">活动场所：</span>
+                <span class="info-value">
+                  <span v-if="dataForm.fkList && dataForm.fkList.length > 0">{{ dataForm.fkList[0].xxdz }}</span>
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">活动信息：</span>
+                <span class="info-value">{{ dataForm.yjNr }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">信息提供单位：</span>
+                <span class="info-value">{{ dataForm.jczmc }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">信息接收单位：</span>
+                <span class="info-value">{{ dataForm.ssbm }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">二次指派单位：</span>
+                <span class="info-value">
+                  <div v-if="dataForm.zpList && dataForm.zpList.length > 0">
+                    <span v-for="(item, index) in dataForm.zpList" :key="item.id">
+                      {{ item.zpbm }}<span v-if="index < dataForm.zpList.length - 1">,</span>
+                    </span>
+                  </div>
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">签收时限：</span>
+                <span class="info-value">{{ dataForm.qssj }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">反馈时限：</span>
+                <span class="info-value">{{ dataForm.fksj }}</span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">处置建议：</span>
+                <span class="info-value">
+                  <div v-if="dataForm.czjyList && dataForm.czjyList.length > 0">
+                    <div v-for="(item, index) in dataForm.czjyList" :key="item.id">
+                      <span>{{ `${index + 1}、` + item.jynr }}</span>
+                    </div>
+                  </div>
+                </span>
+              </div>
+            </div>
+            <div class="info-row">
+              <div class="info-item full-width">
+                <span class="info-label">反馈内容：</span>
+                <span class="info-value">
+                  <div v-if="dataForm.fkList && dataForm.fkList.length > 0">
+                    <div v-for="(item, index) in dataForm.fkList" :key="item.id">
+                      <span v-if="item.ckczbcxx">{{ `${index + 1}、` + item.ckczbcxx }}</span>
+                    </div>
+                  </div>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 历史预警信息页 -->
+        <div class="column">
+          <div class="column-header">历史预警信息页</div>
+          <div class="info-section">
+            <div class="history-item" v-for="(item, index) in dataForm.yjgjList" :key="item.id">
+              <span class="history-index">{{ `${index + 1}：` }}</span>
+              <span class="history-content">{{ item.yjNr }}</span>
+            </div>
+
+          </div>
+        </div>
+      </div>
+    </div>
+    <template #footer>
+      <div class="dialog-footer" style="text-align: center;">
+        <el-button @click="close">关闭</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<script setup>
+import { defineProps, getCurrentInstance, watch, ref } from 'vue';
+import { qcckGet } from '@/api/qcckApi.js'
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '预警详情'
+  },
+  width: {
+    type: String,
+    default: '90%'
+  }, dataList: {
+    type: Object,
+    default: () => ({})
+  },
+  dict: {
+    type: Object,
+    default: () => ({})
+  }
+
+});
+// 定义事件
+const emit = defineEmits(['update:modelValue']);
+const loading = ref(false)
+let abortController = null
+const close = () => {
+  if (abortController) {
+    abortController.abort()
+    abortController = null
+  }
+  loading.value = false
+  emit('update:modelValue', false);
+};
+const dataForm = ref({});
+watch(() => props.modelValue, (newVal) => {
+  if (newVal) {
+    getPart(props.dataList.id)
+  }
+}, { deep: true });
+const getPart = (id) => {
+  if (abortController) {
+    abortController.abort()
+  }
+  abortController = new AbortController()
+  loading.value = true
+  qcckGet({}, `/mosty-gsxt/tbYjxx/getInfo/${id}`, { signal: abortController.signal }).then(res => {
+       if (res) {
+      dataForm.value = res
+    } else {
+      dataForm.value = {}
+    }
+  }).catch(err => {
+    if (err.name !== 'AbortError') {
+      console.error('请求失败:', err)
+    }
+  }).finally(() => {
+    loading.value = false
+  })
+}
+const ys = () => {
+  switch (dataForm.value.yjJb) {
+    case '01':
+      return 'red';
+    case '02':
+      return 'orange';
+    case '03':
+      return 'yellow';
+    case '04':
+      return 'blue';
+    default:
+      return '';
+  }
+}
+</script>
+
+<style scoped>
+.archive-container {
+  padding: 20px;
+  height: 600px;
+  overflow-y: auto;
+}
+
+.three-column-layout {
+  display: flex;
+  gap: 20px;
+  height: 100%;
+}
+
+.column {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 300px;
+}
+
+.column-header {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 15px;
+  padding: 10px;
+  background: #f0f2f5;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px 4px 0 0;
+  text-align: center;
+  color: #303133;
+}
+
+.column .info-section {
+  flex: 1;
+  border-radius: 0 0 4px 4px;
+  overflow-y: auto;
+}
+
+.info-section {
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  padding: 15px;
+  background: #ffffff;
+}
+
+.info-section.blue-bg {
+  background: #e6f0f8;
+  border-color: #9ed7ff;
+}
+
+.info-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 12px;
+}
+
+.info-item {
+  flex: 1;
+  min-width: 300px;
+  display: flex;
+  align-items: center;
+}
+
+.info-item.full-width {
+  flex: 100%;
+  min-width: 100%;
+}
+
+.info-label {
+  width: 80px;
+  font-weight: bold;
+  margin-right: 10px;
+  white-space: nowrap;
+  color: #333;
+}
+
+.info-value {
+  flex: 1;
+  padding: 4px 8px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  background: #ffffff;
+  min-height: 28px;
+  display: flex;
+  align-items: center;
+}
+
+.info-value.text-area {
+  min-height: 80px;
+  align-items: flex-start;
+  padding: 8px;
+  resize: vertical;
+}
+
+/* 红 */
+.warning-level.red {
+  background: #fef0f0;
+  border-color: #ffccc7;
+  color: #f56c6c !important;
+  font-weight: bold;
+}
+
+/* 橙 */
+.warning-level.orange {
+  background: #fffbe6;
+  border-color: #ffe58f;
+  color: #d48806 !important;
+  font-weight: bold;
+}
+
+/* 黄 */
+.warning-level.yellow {
+  background: #fdf6ec;
+  border-color: #faecd8;
+  color: #e6a23c !important;
+  font-weight: bold;
+}
+
+/* 蓝 */
+.warning-level.blue {
+  background: #ecf5ff;
+  border-color: #d9ecff;
+  color: #409eff !important;
+  font-weight: bold;
+}
+
+.history-item {
+  margin-bottom: 10px;
+  padding: 8px 12px;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  background: #ffffff;
+  display: flex;
+  /* align-items: center; */
+}
+
+.history-index {
+  font-weight: bold;
+  margin-right: 10px;
+  color: #409eff;
+}
+
+.history-content {
+  flex: 1;
+  color: #606266;
+}
+
+.demo-tabs {
+  margin-bottom: 20px;
+}
+
+::v-deep .el-tabs__header {
+  margin-bottom: 20px;
+}
+
+::v-deep .el-tabs__content {
+  min-height: 400px;
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/peopleConut.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/peopleConut.vue
new file mode 100644
index 0000000..c82765d
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/peopleConut.vue	
@@ -0,0 +1,80 @@
+<!--预警指派展示组件  -->
+<template>
+  <el-dialog :draggable="true" :model-value="modelValue" :title="title" :width="width" @close="close" append-to-body>
+    <div class="count-container">
+      <div class="count-number">{{dataConut}}</div>
+      <div class="count-label">预警人数</div>
+    </div>
+    <template #footer>
+      <div class="dialog-footer" style="text-align: center;">
+        <el-button @click="close">关闭</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<script setup>
+import {  defineProps,getCurrentInstance } from 'vue';
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '人数查询'
+  },
+  dataConut: {
+    type: Number,
+    default: 0
+  },width: {
+    type: String,
+    default: '20%'
+  },
+
+
+});
+// 定义事件
+const emit = defineEmits(['update:modelValue']);
+const close = () => {
+  emit('update:modelValue', false);
+};
+</script>
+
+<style scoped>
+.count-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 0;
+  text-align: center;
+}
+
+.count-number {
+  font-size: 48px;
+  font-weight: bold;
+  color: #409eff;
+  margin-bottom: 16px;
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  animation: pulse 2s infinite;
+}
+
+.count-label {
+  font-size: 18px;
+  color: #606266;
+  font-weight: 500;
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.05);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/zpForm.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/zpForm.vue
new file mode 100644
index 0000000..c9e058b
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning copy/zpForm.vue	
@@ -0,0 +1,76 @@
+<!--预警指派展示组件  -->
+<template>
+  <el-dialog :draggable="true" :model-value="modelValue" :title="title" :width="width" @close="close" append-to-body>
+    <div class="archive-container">
+      <FormMessage :formList="formData" v-model="listQuery" ref="elform" :rules="rules" :labelWidth="90">
+      </FormMessage>
+    </div>
+    <template #footer>
+      <div class="dialog-footer" style="text-align: center;">
+        <el-button type="primary" @click="submit">确定</el-button>
+        <el-button @click="close">关闭</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<script setup>
+import { ref, defineProps, defineEmits, reactive, getCurrentInstance } from 'vue';
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { tbYjxxYjzp } from '@/api/yj'
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '预警指派'
+  },
+  width: {
+    type: String,
+    default: '50%'
+  },
+  url: {
+    type: String,
+    default: ''
+  },
+  dataList: {
+    type: Object,
+    default: () => ({})
+  }
+});
+const listQuery = ref()
+const formData = ref([
+  { label: "指派部门", prop: "zpbmdm", depMc: 'zpbm', type: "department", width: '45%' },
+  { label: "指派原因", prop: "zpyy", type: "textarea", width: '80%' },
+])
+
+const rules = reactive({
+  zpbmdm: [{ required: true, message: "请选择指派部门", trigger: "blur" }],
+  zpyy: [{ required: true, message: "请输入指派原因", trigger: "change" }],
+});
+
+const elform = ref(null)
+const submit = async () => {
+  elform.value.submit(() => {
+    const params = { ...listQuery.value, yjid: props.dataList.id };
+    tbYjxxYjzp(params).then((res) => {
+      proxy.$message({ type: "success", message: "成功" });
+      close();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  });
+}
+// 定义事件
+const emit = defineEmits(['update:modelValue']);
+const close = () => {
+elform.value.reset()
+  emit('update:modelValue', false);
+};
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/index copy.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/index copy.vue
new file mode 100644
index 0000000..2b53ade
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/index copy.vue	
@@ -0,0 +1,332 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10 mb10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" ref="searchDom" :key="pageData.keyCount">
+      </Search>
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="exportExl">批量导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs">批量签收</el-button>
+        <el-button type="primary" size="small" @click="handleQs">批量分析</el-button>
+        <el-button type="primary" size="small" @click="countPeople">计算人数</el-button>
+      </template>
+    </PageTitle>
+    <!-- 表格 -->
+    <div class="tabBox heightBox">
+      <MyTable expand :tableData="pageData.tableData" :tableColumn="pageData.tableColumn"
+        :tableHeight="pageData.tableHeight" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger"
+        :controlsWidth="pageData.controlsWidth" @chooseData="handleChooseData">
+        <template #expand="{ props }">
+          <div style="max-width: 100%">
+            <Items :row="props || {}" />
+          </div>
+        </template>
+        <template #czzt="{ row }">
+          <DictTag :value="row.czzt" :tag="false" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #xbdm="{ row }">
+          <DictTag :value="row.xbdm" :tag="false" :options="D_BZ_XB" />
+        </template>
+        <template #age="{ row }">
+          <span v-if="row.yjRysfzh"> {{ IdCard(row.yjRysfzh, 3) }} </span>
+        </template>
+        <template #yjJb="{ row }">
+          <DictTag :value="row.yjJb" :tag="false" :options="D_BZ_YJJB" />
+        </template>
+        <template #bqdl="{ row }">
+          <DictTag :value="row.bqdl" :tag="false" :options="D_GS_QLZDRLX" />
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
+        </template>
+        <template #yjLx="{ row }">
+          <DictTag :value="row.yjLx" :tag="false" :options="D_GS_QLZDRYXX" />
+        </template>
+        <template #controls="{ row }">
+          <el-link type="primary" @click="handleQsSingle(row)">签收</el-link>
+          <el-link type="primary" @click="particularsOpen(row)">详情</el-link>
+          <el-link type="warning" @click="pushWarning(row)">指派</el-link>
+          <el-link type="warning" v-if="row.sfbc != '1'" @click="failWarning(row)">报错</el-link>
+          <el-link type="primary" @click="payAttention(row)">关注</el-link>
+
+        </template>
+        <template #cszt="{ row }">
+          <DictTag :value="row.cszt" :tag="false" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <ZpForm v-model="warningShow" :dataList="dataList" />
+  <Particulars v-model="particularsShow" :dataList="dataPres"
+    :dict="{ D_BZ_XB, D_BZ_YJJB, D_GS_QLZDRLX, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB }" />
+  <peopleConut v-model="searchOpen" :dataConut="dataConut" />
+</template>
+
+<script setup>
+import { getMultiDictVal } from "@/utils/dict.js"
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import Items from '@/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/item/items.vue'
+import ZpForm from "./zpForm.vue";
+import Particulars from "./particulars.vue";
+import { IdCard } from '@/utils/validate.js'
+import Search from "@/components/aboutTable/Search.vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance, } from "vue";
+import peopleConut from "./peopleConut.vue";
+const { proxy } = getCurrentInstance();
+const { D_BZ_YJLY, D_GS_QLZDRLX, D_GS_ZDR_GJLB, D_BZ_YJJB, D_GS_CSZT, D_GS_QLZDRYXX, D_BZ_XB, D_GSXT_YJXX_CZZT, D_GS_ZDR_RYJB } = proxy.$dict('D_BZ_YJLY', 'D_GS_QLZDRLX', "D_BZ_YJJB", "D_GS_QLZDRYXX", "D_BZ_XB", "D_GSXT_YJXX_CZZT", "D_GS_ZDR_RYJB", 'D_GS_ZDR_GJLB', 'D_GS_CSZT'); //获取字典数据
+const searchBox = ref(); //搜索框
+const warningShow = ref(false);
+const dataList = ref([]);
+const searchConfiger = ref(
+  [
+    { label: "预警时间", prop: 'startTime', showType: "datetimerange", placeholder: "请选择预警时间" },
+    { label: "预警级别", prop: 'yjJb', placeholder: "请选择预警级别", showType: "select", options: D_BZ_YJJB, multiple: true },
+    { label: "接收单位", prop: 'ssbmdm', showType: "department" },
+    { prop: 'sfglyj', showType: "checkbox", showSelectAll: false, options: [{ label: '关联预警', value: '1' }] },
+    { prop: 'sfgz', showType: "checkbox", showSelectAll: false, options: [{ label: '重点关注', value: '1' }] },
+    { prop: 'sfzp', showType: "checkbox", showSelectAll: false, options: [{ label: '二次指派', value: '1' }] },
+    { label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT },
+    { label: "人员类别", prop: 'bqdl', placeholder: "请选择人员类别", showType: "select", options: D_GS_QLZDRLX },
+    { label: "预警次数", prop: 'yjCs', placeholder: "请输入预警次数", showType: "number" },
+    { label: "人员级别", prop: 'yjJb', showType: "select", options: D_GS_ZDR_RYJB },
+    { label: "轨迹类别", prop: 'yjLylx', showType: "select", options: D_GS_ZDR_GJLB },
+    { label: "姓名", prop: 'yjRyxm', placeholder: "请输入姓名", showType: "input" },
+    { label: "性别", prop: 'xbdm', placeholder: "请选择性别", showType: "select", options: D_BZ_XB },
+    { label: "身份证", prop: 'yjRysfzh', placeholder: "请输入身份证号码", showType: "input" },
+    { label: "开始年龄", prop: 'ksnl', placeholder: "请输入年龄", showType: "number" },
+    { label: "结束年龄", prop: 'jsnl', placeholder: "请输入年龄", showType: "number" },
+    { label: "活动发生地", prop: 'yjDz', placeholder: "请输入活动发生地", showType: "input" },
+    { label: "人员细类", prop: 'yjbqmc', placeholder: "请输入人员细类", showType: "input" },
+  ])
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 200, //操作栏宽度
+  tableColumn: [
+    { label: "预警状态", prop: "czzt", showSolt: true, width: 70 },
+    { label: "预警时间", prop: "yjSj", width: 148 },
+    { label: "人员姓名", prop: "yjRyxm", },
+    { label: "身份证号", prop: "yjRysfzh", width: 148 },
+    { label: "性别", prop: "xbdm", showSolt: true, width: 60 },
+    { label: "年龄", prop: "age", showSolt: true, width: 50 },
+    { label: "级别", prop: "yjJb", showSolt: true, width: 50 },
+    { label: "人员类别", prop: "bqdl", showSolt: true, width: 100 },
+    { label: "人员细类", prop: "yjbqmc" },
+    { label: "轨迹类别", prop: "yjLylx", showSolt: true },
+    { label: "活动发生地", prop: "yjDz" },
+    { label: "接收单位", prop: "ssbm", width: 148 },
+    { label: "次数", prop: "yjCs", width: 50 },
+    { label: "超时状态", prop: "cszt" },
+  ]
+});
+
+onMounted(() => {
+  tabHeightFn();
+  getList()
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = { ...val, yjJb: val.yjJb?.join(',') || '' }
+  queryFrom.value.startTime = val.startTime ? val.startTime[0] : ''
+  queryFrom.value.endTime = val.startTime ? val.startTime[1] : ''
+  queryFrom.value.sfglyj = val.sfglyj?.join(',') || ''
+  queryFrom.value.sfgz = val.sfgz?.join(',') || ''
+  queryFrom.value.sfzp = val.sfzp?.join(',') || ''
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  const promes = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize,
+  }
+  delete promes.times;
+  qcckPost(promes, '/mosty-gsxt/tbYjxx/getQlzdrPageList').then((res) => {
+    pageData.total = res.total || 0;
+    pageData.tableConfiger.loading = false;
+    pageData.tableData = res.records || []
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  })
+}
+
+const pushWarning = (val) => {
+  warningShow.value = true;
+  dataList.value = val;
+}
+
+
+const failWarning = (val) => {
+  let ids = [val.id]
+  qcckPost({ ids }, '/mosty-gsxt/tbYjxx/yjbc').then((res) => {
+    proxy.$message({ type: "success", message: "成功" });
+    getList();
+  }).catch(() => {
+    proxy.$message({ type: "error", message: "失败" });
+  });
+}
+
+
+
+/** 选中项 */
+const selectRows = ref([])
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    czzt_name: "状态",
+    yjSj: "预警时间",
+    yjRyxm: "人员姓名",
+    yjRysfzh: "身份证号",
+    yjJb_name: "预警级别",
+    bqdl_name: "人员类别",
+    yjbqmc: "细类",
+    yjDz: "活动发生地",
+    ssbm: "接收单位",
+    yjCs: "预警次数",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      czzt_name: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+      yjJb_name: getMultiDictVal(item.yjJb, D_BZ_YJJB),
+      bqdl_name: getMultiDictVal(item.bqdl, D_GS_QLZDRLX),
+    }
+  })
+  exportExlByObj(titleObj, data, '七类重点')
+}
+// 批量签收
+const handleQs = () => {
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ ids }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+// 详情
+const dataPres = ref({})
+const particularsShow = ref(false);
+const particularsOpen = (row) => {
+  dataPres.value = row
+
+  particularsShow.value = true;
+}
+// 单条签收
+const handleQsSingle = (row) => {
+  if (row.czzt == '02') return proxy.$message({ type: "warning", message: "数据已签收，无需重复签收" });
+  proxy.$confirm('确认要签收该条预警数据吗？', "警告", { type: "warning" }).then(() => {
+    qcckPost({ ids: [row.id] }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+// 关注
+const payAttention = (row) => {
+  let promes = {}
+  if (row.sfgz == '1') {
+    promes.sfgz = '0'
+    promes.msg = '取消关注'
+  } else {
+    promes.sfgz = '1'
+    promes.msg = '关注'
+  }
+
+  proxy.$confirm('确认要关注该条预警数据吗？', "警告", { type: "warning" }).then(() => {
+    qcckPost({ sfgz: promes.sfgz, id: row.id }, '/mosty-gsxt/tbYjxx/yjgz').then(() => {
+      proxy.$message({ type: "success", message: `${promes.msg}成功` });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: `${promes.msg}失败` });
+    });
+  }).catch(() => { });
+}
+// 人数计算
+const searchDom = ref(null)
+const dataConut = ref(0)
+const searchOpen = ref(false)
+const countPeople = () => {
+
+  const promes = {
+    ...searchDom.value.searchObj,
+    yjJb: searchDom.value.searchObj.yjJb?.join(',') || '',
+    startTime: searchDom.value.searchObj.startTime ? searchDom.value.searchObj.startTime[0] : '',
+    endTime: searchDom.value.searchObj.endTime ? searchDom.value.searchObj.endTime[1] : '',
+    sfglyj: searchDom.value.searchObj.sfglyj?.join(',') || '',
+    sfgz: searchDom.value.searchObj.sfgz?.join(',') || '',
+    sfzp: searchDom.value.searchObj.sfzp?.join(',') || '',
+  }
+  qcckPost(promes, '/mosty-gsxt/tbYjxx/bkyjQctj').then((res) => {
+    dataConut.value = res || 0
+    searchOpen.value = true
+  }).catch(() => {
+    // proxy.$message({ type: "error", message: `${promes.msg}失败` });
+  });
+}
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 290;
+  window.onresize = function () { tabHeightFn(); };
+};
+</script>
+
+<style lang="scss" scoped>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+::v-deep .el-table .cell {
+  padding: 0;
+}
+
+::v-deep .el-table .el-table__cell {
+  padding: 4px 0;
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/index.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/index.vue
index 65f2acf..d7d9ba3 100644
--- a/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/index.vue
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/index.vue
@@ -2,38 +2,41 @@
   <div>
     <!-- 搜索 -->
     <div ref="searchBox" class="mt10 mb10">
-      <Search :searchArr="searchConfiger" @submit="onSearch" ref="searchDom" :key="pageData.keyCount">
-      </Search>
+      <!-- <Search :searchArr="searchConfiger" @submit="onSearch" ref="searchDom" :key="pageData.keyCount">
+      </Search> -->
+      <QueryFormPanel v-model="queryFrom" :fields="searchConfiger" ref="searchDom" @search='onSearch'>
+        <template #but>
+          <el-button type="primary" size="small" @click="exportExl">批量导出</el-button>
+          <el-button type="primary" size="small" @click="handleQs">批量签收</el-button>
+          <el-button type="primary" size="small" @click="handleQs">批量分析</el-button>
+          <el-button type="primary" size="small" @click="countPeople">计算人数</el-button>
+        </template>
+      </QueryFormPanel>
     </div>
-    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+    <!-- <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
       <template #left>
         <el-button type="primary" size="small" @click="exportExl">批量导出</el-button>
         <el-button type="primary" size="small" @click="handleQs">批量签收</el-button>
         <el-button type="primary" size="small" @click="handleQs">批量分析</el-button>
         <el-button type="primary" size="small" @click="countPeople">计算人数</el-button>
       </template>
-    </PageTitle>
+</PageTitle> -->
     <!-- 表格 -->
-    <div class="tabBox heightBox">
-      <MyTable expand :tableData="pageData.tableData" :tableColumn="pageData.tableColumn"
-        :tableHeight="pageData.tableHeight" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger"
-        :controlsWidth="pageData.controlsWidth" @chooseData="handleChooseData">
-        <template #expand="{ props }">
-          <div style="max-width: 100%">
-            <Items :row="props || {}" />
-          </div>
-        </template>
-        <template #czzt="{ row }">
-          <DictTag :value="row.czzt" :tag="false" :options="D_GSXT_YJXX_CZZT" />
+    <div style="background-color: #fff;">
+      <WarnDataTable :loading="pageData.tableConfiger.loading" :tableHeight="pageData.tableHeight"
+        :data="pageData.tableData" :columns="pageData.tableColumn" table-class="warn-table"
+        @selectionChange="handleChooseData">
+        <template #status="{ row }">
+          <DictTag :value="row.czzt" :color="row.czzt === '01' ? '#ff2424' : '#1d72e8'" :tag="false"
+            :options="D_GSXT_YJXX_CZZT" />
         </template>
         <template #xbdm="{ row }">
           <DictTag :value="row.xbdm" :tag="false" :options="D_BZ_XB" />
         </template>
-        <template #age="{ row }">
-          <span v-if="row.yjRysfzh"> {{ IdCard(row.yjRysfzh, 3) }} </span>
-        </template>
         <template #yjJb="{ row }">
-          <DictTag :value="row.yjJb" :tag="false" :options="D_BZ_YJJB" />
+          <div :style="{ 'background-color': bqYs(row.yjJb) }">
+            <DictTag :value="row.yjJb" color="#fff" :tag="false" :options="D_BZ_YJJB" />
+          </div>
         </template>
         <template #bqdl="{ row }">
           <DictTag :value="row.bqdl" :tag="false" :options="D_GS_QLZDRLX" />
@@ -41,21 +44,19 @@
         <template #yjLylx="{ row }">
           <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
         </template>
-        <template #yjLx="{ row }">
-          <DictTag :value="row.yjLx" :tag="false" :options="D_GS_QLZDRYXX" />
-        </template>
-        <template #controls="{ row }">
-          <el-link type="primary" @click="handleQsSingle(row)">签收</el-link>
-          <el-link type="primary" @click="particularsOpen(row)">详情</el-link>
-          <el-link type="warning" @click="pushWarning(row)">指派</el-link>
-          <el-link type="warning" v-if="row.sfbc != '1'" @click="failWarning(row)">报错</el-link>
-          <el-link type="primary" @click="payAttention(row)">关注</el-link>
-
-        </template>
         <template #cszt="{ row }">
-          <DictTag :value="row.cszt" :tag="false" :options="D_GSXT_YJXX_CZZT" />
+          <DictTag :value="row.cszt" :tag="false" :options="D_GS_CSZT" />
         </template>
-      </MyTable>
+        <template #operation="{ row }">
+          <div style="display: flex;justify-content: space-between;">
+            <span class="primary" @click="handleQsSingle(row)">签收</span>
+            <span class="primary" @click="particularsOpen(row)">详情</span>
+            <span class="warning" @click="pushWarning(row)">指派</span>
+            <span class="warning" v-if="row.sfbc != '1'" @click="failWarning(row)">报错</span>
+            <span class="primary" @click="payAttention(row)">关注</span>
+          </div>
+        </template>
+      </WarnDataTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
         ...pageData.pageConfiger,
         total: pageData.total
@@ -63,54 +64,58 @@
     </div>
   </div>
   <ZpForm v-model="warningShow" :dataList="dataList" />
-  <Particulars v-model="particularsShow" :dataList="dataPres" :dict="{D_BZ_XB,D_BZ_YJJB,D_GS_QLZDRLX,D_GS_ZDR_RYJB,D_GS_ZDR_GJLB}" />
+  <Particulars v-model="particularsShow" :dataList="dataPres"
+    :dict="{ D_BZ_XB, D_BZ_YJJB, D_GS_QLZDRLX, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB }" />
   <peopleConut v-model="searchOpen" :dataConut="dataConut" />
 </template>
 
 <script setup>
 import { getMultiDictVal } from "@/utils/dict.js"
 import { exportExlByObj } from "@/utils/exportExcel.js"
-import Items from '@/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/item/items.vue'
 import ZpForm from "./zpForm.vue";
+import { bqYs } from '@/utils/tools.js'
 import Particulars from "./particulars.vue";
-import { IdCard } from '@/utils/validate.js'
 import Search from "@/components/aboutTable/Search.vue";
+import WarnDataTable from '@/views/backOfficeSystem/ces/components/WarnDataTable.vue'
+import QueryFormPanel from "@/views/backOfficeSystem/ces/components/QueryFormPanel.vue";
 import PageTitle from "@/components/aboutTable/PageTitle.vue";
-import MyTable from "@/components/aboutTable/MyTable.vue";
+// import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import { qcckGet, qcckPost } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance, } from "vue";
 import peopleConut from "./peopleConut.vue";
 const { proxy } = getCurrentInstance();
-const { D_BZ_YJLY, D_GS_QLZDRLX, D_GS_ZDR_GJLB, D_BZ_YJJB, D_GS_CSZT, D_GS_QLZDRYXX, D_BZ_XB, D_GSXT_YJXX_CZZT, D_GS_ZDR_RYJB } = proxy.$dict('D_BZ_YJLY', 'D_GS_QLZDRLX', "D_BZ_YJJB", "D_GS_QLZDRYXX", "D_BZ_XB", "D_GSXT_YJXX_CZZT", "D_GS_ZDR_RYJB", 'D_GS_ZDR_GJLB', 'D_GS_CSZT'); //获取字典数据
+const { D_BZ_YJLY, D_GS_QLZDRLX, D_GS_ZDR_GJLB, D_BZ_YJJB, D_GS_CSZT, D_GS_QLZDRYXX, D_BZ_XB, D_GSXT_YJXX_CZZT, D_GS_ZDR_RYJB, D_BZ_SF } = proxy.$dict('D_BZ_YJLY', 'D_GS_QLZDRLX', "D_BZ_YJJB", "D_GS_QLZDRYXX", "D_BZ_XB", "D_GSXT_YJXX_CZZT", "D_GS_ZDR_RYJB", 'D_GS_ZDR_GJLB', 'D_GS_CSZT', "D_BZ_SF"); //获取字典数据
 const searchBox = ref(); //搜索框
 const warningShow = ref(false);
 const dataList = ref([]);
 const searchConfiger = ref(
   [
-    { label: "预警时间xx", prop: 'startTime', showType: "datetimerange", placeholder: "请选择预警时间" },
-    { label: "预警级别", prop: 'yjJb', placeholder: "请选择预警级别", showType: "select", options: D_BZ_YJJB, multiple: true },
-    { label: "接收单位", prop: 'ssbmdm', showType: "department" },
-    { prop: 'sfglyj', showType: "checkbox", showSelectAll: false, options: [{ label: '关联预警', value: '1' }] },
-    { prop: 'sfgz', showType: "checkbox", showSelectAll: false, options: [{ label: '重点关注', value: '1' }] },
-    { prop: 'sfzp', showType: "checkbox", showSelectAll: false, options: [{ label: '二次指派', value: '1' }] },
-    {label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT},
-    { label: "人员类别", prop: 'bqdl', placeholder: "请选择人员类别", showType: "select", options: D_GS_QLZDRLX },
-    { label: "预警次数", prop: 'yjCs', placeholder: "请输入预警次数", showType: "number" },
-    { label: "人员级别", prop: 'yjJb', showType: "select", options: D_GS_ZDR_RYJB },
-    { label: "轨迹类别", prop: 'yjLylx', showType: "select", options: D_GS_ZDR_GJLB },
-    { label: "姓名", prop: 'yjRyxm', placeholder: "请输入姓名", showType: "input" },
-    { label: "性别", prop: 'xbdm', placeholder: "请选择性别", showType: "select", options: D_BZ_XB },
-    { label: "身份证", prop: 'yjRysfzh', placeholder: "请输入身份证号码", showType: "input" },
-    { label: "开始年龄", prop: 'ksnl', placeholder: "请输入年龄", showType: "number" },
-    { label: "结束年龄", prop: 'jsnl', placeholder: "请输入年龄", showType: "number" },
-    { label: "活动发生地", prop: 'yjDz', placeholder: "请输入活动发生地", showType: "input" },
-    { label: "人员细类", prop: 'yjbqmc', placeholder: "请输入人员细类", showType: "input" },
+    { key: 'startTime', label: '预警时间', type: 'datetimerange', placeholder: '请选择预警时间' },
+    { key: 'yjJb', label: '预警级别', type: 'select', options: D_BZ_YJJB, multiple: true, placeholder: '请选择预警级别' },
+    { key: 'ssbmdm', label: '接收单位', type: 'department', placeholder: '请选择接收单位' },
+    { key: 'sfglyj', label: '关联预警', type: 'select', options: D_BZ_SF, placeholder: '请选择关联预警' },
+    { key: 'yjRyxm', label: '姓名', type: 'input', placeholder: '请输入姓名' },
+    { key: 'xbdm', label: '性别', type: 'select', options: D_BZ_XB, placeholder: '请选择性别' },
+    { key: 'cszt', label: '超时状态', type: 'select', options: D_GS_CSZT, placeholder: '请选择超时状态' },
+    { key: 'bqdl', label: '人员类别', type: 'select', options: D_GS_QLZDRLX, placeholder: '请选择人员类别' },
+    { key: 'sfgz', label: '重点关注', type: 'select', options: D_BZ_SF, placeholder: '请选择重点关注' },
+    { key: 'sfzp', label: '二次指派', type: 'select', options: D_BZ_SF, placeholder: '请选择二次指派' },
+    { key: 'yjRysfzh', label: '身份证号码', type: 'input', placeholder: '请输入身份证号码' },
+    { key: 'ksnl', label: '开始年龄', type: 'input', placeholder: '请输入开始年龄' },
+    { key: 'jsnl', label: '结束年龄', type: 'input', placeholder: '请输入结束年龄' },
+    { key: 'yjCs', label: '预警次数', type: 'input', placeholder: '请输入预警次数' },
+    { key: 'bqdl', label: '人员级别', type: 'select', options: D_GS_ZDR_RYJB },
+    { key: 'yjLylx', label: '轨迹类别', type: 'select', options: D_GS_ZDR_GJLB },
+    { key: 'yjDz', label: '活动发生地', type: 'input', placeholder: '请输入活动发生地' },
+    { key: 'yjbqmc', label: '人员细类', type: 'input', placeholder: '请输入人员细类' }
   ])
+
 const queryFrom = ref({});
 const pageData = reactive({
   tableData: [], //表格数据
   keyCount: 0,
+  tableHeight: 0,
   tableConfiger: {
     rowHieght: 61,
     showSelectType: "checkBox",
@@ -124,20 +129,23 @@ const pageData = reactive({
   }, //分页
   controlsWidth: 200, //操作栏宽度
   tableColumn: [
-    { label: "预警状态", prop: "czzt", showSolt: true, width: 70 },
-    { label: "预警时间", prop: "yjSj", width: 148 },
-    { label: "人员姓名", prop: "yjRyxm", },
-    { label: "身份证号", prop: "yjRysfzh", width: 148 },
-    { label: "性别", prop: "xbdm", showSolt: true, width: 60 },
-    { label: "年龄", prop: "age", showSolt: true, width: 50 },
-    { label: "级别", prop: "yjJb", showSolt: true, width: 50 },
-    { label: "人员类别", prop: "bqdl", showSolt: true, width: 100 },
-    { label: "人员细类", prop: "yjbqmc" },
-    { label: "轨迹类别", prop: "yjLylx", showSolt: true },
-    { label: "活动发生地", prop: "yjDz" },
-    { label: "接收单位", prop: "ssbm", width: 148 },
-    { label: "次数", prop: "yjCs", width: 50 },
-    { label: "超时状态", prop: "cszt" },
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { label: '预警状态', width: 86, align: 'center', slotName: 'status' },
+    { prop: 'yjSj', label: '预警时间', width: 150 },
+    { prop: 'yjRyxm', label: '人员姓名', width: 80 },
+    { prop: 'yjRysfzh', label: '身份证号', width: 158 },
+    { label: '性别', width: 56, align: 'center', slotName: 'xbdm' },
+    { prop: 'nl', label: '年龄', width: 56, align: 'center' },
+    { label: '预警级别', width: 88, align: 'center', slotName: 'yjJb' },
+    { label: '人员类别', width: 90, align: 'center', slotName: 'bqdl' },
+    { prop: 'yjbqmc', label: '人员细类', width: 92 },
+    { label: '轨迹类别', width: 92, align: 'center', slotName: 'yjLylx' },
+    { prop: 'yjDz', label: '活动发生地' },
+    { prop: 'ssbm', label: '接收单位' },
+    { prop: 'yjCs', label: '次数', width: 60, align: 'center' },
+    { label: '操作', width: 180, slotName: 'operation' },
+    { label: '超时状态', width: 80, align: 'center', slotName: 'cszt' }
+
   ]
 });
 
@@ -151,9 +159,9 @@ const onSearch = (val) => {
   queryFrom.value = { ...val, yjJb: val.yjJb?.join(',') || '' }
   queryFrom.value.startTime = val.startTime ? val.startTime[0] : ''
   queryFrom.value.endTime = val.startTime ? val.startTime[1] : ''
-  queryFrom.value.sfglyj = val.sfglyj?.join(',') || ''
-  queryFrom.value.sfgz = val.sfgz?.join(',') || ''
-  queryFrom.value.sfzp = val.sfzp?.join(',') || ''
+  // queryFrom.value.sfglyj = val.sfglyj?.join(',') || ''
+  // queryFrom.value.sfgz = val.sfgz?.join(',') || ''
+  // queryFrom.value.sfzp = val.sfzp?.join(',') || ''
   pageData.pageConfiger.pageCurrent = 1;
   getList()
 }
@@ -171,6 +179,7 @@ const getList = () => {
     ...queryFrom.value,
     pageCurrent: pageData.pageConfiger.pageCurrent,
     pageSize: pageData.pageConfiger.pageSize,
+
   }
   delete promes.times;
   qcckPost(promes, '/mosty-gsxt/tbYjxx/getQlzdrPageList').then((res) => {
@@ -248,7 +257,7 @@ const handleQs = () => {
   }).catch(() => { });
 }
 // 详情
-const dataPres=ref({})
+const dataPres = ref({})
 const particularsShow = ref(false);
 const particularsOpen = (row) => {
   dataPres.value = row
@@ -290,42 +299,37 @@ const payAttention = (row) => {
 // 人数计算
 const searchDom = ref(null)
 const dataConut = ref(0)
-const searchOpen=ref(false)
+const searchOpen = ref(false)
 const countPeople = () => {
 
   const promes = {
-    ...searchDom.value.searchObj,
-    yjJb: searchDom.value.searchObj.yjJb?.join(',') || '',
-    startTime: searchDom.value.searchObj.startTime ? searchDom.value.searchObj.startTime[0] : '',
-    endTime: searchDom.value.searchObj.endTime ? searchDom.value.searchObj.endTime[1] : '',
-    sfglyj: searchDom.value.searchObj.sfglyj?.join(',') || '',
-    sfgz: searchDom.value.searchObj.sfgz?.join(',') || '',
-    sfzp: searchDom.value.searchObj.sfzp?.join(',') || '',
+    ...searchDom.value.formState,
+    yjJb: searchDom.value.formState.yjJb?.join(',') || '',
+    startTime: searchDom.value.formState.startTime ? searchDom.value.formState.startTime[0] : '',
+    endTime: searchDom.value.formState.endTime ? searchDom.value.formState.endTime[1] : '',
   }
   qcckPost(promes, '/mosty-gsxt/tbYjxx/bkyjQctj').then((res) => {
     dataConut.value = res || 0
-    searchOpen.value=true
+    searchOpen.value = true
   }).catch(() => {
     // proxy.$message({ type: "error", message: `${promes.msg}失败` });
   });
 }
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 290;
+  console.log("xxxxxxx");
+
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 230;
   window.onresize = function () { tabHeightFn(); };
 };
 </script>
 
 <style lang="scss" scoped>
-.el-loading-mask {
-  background: rgba(0, 0, 0, 0.5) !important;
+.danger {
+  color: #ff2424;
 }
 
-::v-deep .el-table .cell {
-  padding: 0;
-}
-
-::v-deep .el-table .el-table__cell {
-  padding: 4px 0;
+.ok {
+  color: #1d72e8;
 }
 </style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/wrjWarning/index copy.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/wrjWarning/index copy.vue
new file mode 100644
index 0000000..d59d4ab
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/wrjWarning/index copy.vue	
@@ -0,0 +1,471 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+     <div ref="searchBox">
+       <Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount">
+          <template #yjRyxms>
+            <el-select clearable v-model="listQuery.yjRyxm" filterable remote allow-create default-first-optionreserve-keyword placeholder="请输入布控人员" :remote-method="remoteMethod" :loading="loading" style="width: 240px">
+              <el-option v-for="item in opentions" :key="item.rySfzh" :label="item.ryXm" :value="item.rySfzh" />
+            </el-select>
+          </template>
+        </Search>
+     </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="exportExl">导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs" v-if="permission_sfqs">签收</el-button>
+      </template>
+    </PageTitle>
+
+    <!-- 表格 -->
+   <div class="tabBox tabBox_zdy">
+      <MyTable
+        :tableData="pageData.tableData"
+        :tableColumn="pageData.tableColumn"
+        :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount"
+        :tableConfiger="pageData.tableConfiger"
+        :controlsWidth="pageData.controlsWidth"
+        expand
+        @chooseData="handleChooseData"
+        :rowClassName="getRowClassName"
+      >
+        <template #expand="{ props }">
+          <Items :row="props"/>
+        </template>
+        <template #yjTp="{ row }">
+          <template v-if="!row.yjTp || row.yjTp.includes('baidu')">
+            <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
+            <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
+          </template>
+          <el-image v-else style="width: 30px; height:30px" :src="row.yjTp" :preview-src-list="[row.yjTp]"
+            show-progress>
+            <template #error>
+              <div class="image-slot error">
+                <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
+                <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
+              </div>
+            </template>
+          </el-image>
+        </template>
+        <template #nl="{ row }">
+          {{ IdCard(row.yjRysfzh, 3) }}
+        </template>
+        <template #xb="{ row }">
+          {{ IdCard(row.yjRysfzh, 2) }}
+        </template>
+        <template #xsd="{ row }">
+          {{ row.xsd }}%
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag v-model:value="row.yjLylx" :options="D_BZ_YJLY" />
+        </template>
+        <template #czzt="{ row }">
+          <DictTag v-model:value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #yjJb="{ row }">
+          <DictTag v-model:value="row.yjJb" :options="D_BZ_YJJB" />
+        </template>
+        <!-- 操作 -->
+        <template #controls="{ row }">
+          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
+          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
+          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link> -->
+          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
+          <el-link type="success" @click="handleQsFk(row, '反馈')" v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
+          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
+          <el-link type="primary" @click="openAddFrom(row)">详情</el-link>
+          <el-link type="primary" @click="pushWarning(row)">指派</el-link>
+        </template>
+      </MyTable>
+      <Pages
+        @changeNo="changeNo"
+        @changeSize="changeSize"
+        :tableHeight="pageData.tableHeight"
+        :pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }">
+      </Pages>
+    </div>
+
+  </div>
+
+  <HolographicArchive v-model="assessShow" :dataList="dataList" />
+
+  <Information v-model="showDialog" title="发送指令" @submit='submitSendZl' @close='closeFszl'>
+    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj" :tacitly="tacitly" />
+  </Information>
+
+  <!-- 详情 -->
+  <AddFromz ref="addFromRefs" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_BZ_YJLYXT }" />
+  <!-- 处置建议 -->
+  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
+  <!-- 指派 -->
+  <ZpForm v-model="warningShow" :dataList="dataList"/>
+  <!-- 反馈 -->
+  <FkDialog @change="getList" />
+  <Pagination v-model="paginationOpen" />
+</template>
+
+<script setup>
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import emitter from "@/utils/eventBus.js";
+import { getItem, setItem } from '@/utils/storage'
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import { getMultiDictVal } from "@/utils/dict.js"
+import { tbYjxxGetPageList } from '@/api/yj.js'
+import { IdCard } from '@/utils/validate.js'
+import { tbGsxtZdrySelectList } from "@/api/zdr.js"
+import { holographicProfileJump } from "@/utils/tools.js"
+import Items from './item/items.vue'
+import HolographicArchive from '@/views/home/components/holographicArchive.vue'
+import Information from "@/views/home/model/information.vue";
+import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
+import ZpForm from "@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/zpForm.vue";
+import Czjy from './components/czjy.vue';
+import AddFromz from './components/addFrom.vue';
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import Pagination from "./components/particulars.vue";
+const ORDIMG = 'https://89.40.7.122:38496/image'
+const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
+const { proxy } = getCurrentInstance();
+const { D_GSXT_YJXX_CZZT,D_GS_QLZDRLX, D_BZ_YJJB, D_BZ_YJLYXT, D_BZ_YJLY, D_BZ_XB ,D_GS_CSZT} = proxy.$dict("D_GSXT_YJXX_CZZT",'D_GS_QLZDRLX ', "D_BZ_YJJB", "D_BZ_YJLYXT", "D_BZ_YJLY", "D_BZ_XB","D_GS_CSZT")
+const searchBox = ref(); //搜索框
+const roleCode = ref(false)
+const czjyRef = ref()
+const itemData = ref()
+const semdFqzlRef = ref()
+const warningShow = ref(false)
+const dataList = ref([])
+const showDialog = ref(false)// 发送指令
+const assessShow = ref(false)// 全息档案
+const searchConfiger = ref(
+  [
+ { label: "预警时间", prop: 'times', showType: "datetimerange" },
+    { label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT },
+  { label: "比中项", prop: 'yjLx', showType: "checkbox", showSelectAll: true, options: [{ label: '人员', value: '1', }, { label: '车辆', value: '2', }] },
+    { label: "预警级别", prop: 'yjJb', showType: "select", options: D_BZ_YJJB, placeholder: "请选择预警级别", multiple: true },
+{ label: "人员类别", prop: 'yjJb', showType: "select", options: D_BZ_YJJB, placeholder: "请选择预警级别", multiple: true },
+ { label: "接收单位", prop: 'ssbmdm', placeholder: "请选择接收单位", showType: "department" },
+  { label: "放飞开始时间", prop: 'bkkssj', showType: "date", placeholder: "请选择放飞开始时间" },
+  { label: "放飞结束时间", prop: 'bkjssj', showType: "date", placeholder: "请选择放飞结束时间" },
+{ label: "无人机型号", prop: 'xm', placeholder: "请输入无人机型号", showType: "input" },
+{ label: "手机号码", prop: 'mobile', placeholder: "请输入手机号码", showType: "input" },
+    { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
+{ label: "放飞区域", prop: 'xm', placeholder: "请输入放飞区域", showType: "input" },
+{ label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
+    // { label: "布控人员", prop: 'yjRyxms', showType: "Slot" },
+  // { label: "性别", prop: 'xbdm', placeholder: "请选择性别", showType: "select", options: D_BZ_XB },
+  // { label: "身份证", prop: 'yjRysfzh', placeholder: "请输入身份证号码", showType: "input" },
+  // { label: "预警时间", prop: 'times', showType: "datetimerange" },
+  // { label: "状态", prop: 'czzt', placeholder: "请选择状态", showType: "select", options: D_GSXT_YJXX_CZZT },
+  // { label: "细类", prop: 'yjbqmc', placeholder: "请输入细类", showType: "input" },
+  // { label: "活动发生地址", prop: 'yjDz', placeholder: "请输入活动发生地址", showType: "input" },
+  // { label: "接收单位", prop: 'ssbmdm',showType: "department" },
+]);
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true
+  },
+
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 160, //操作栏宽度
+  tableColumn: [
+    { label: "处置状态", prop: "czzt", showSolt: true },
+    { label: "姓名", prop: "yjRyxm" },
+    { label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true, width: 200 },
+    { label: "比重类别", prop: "yjTp", showSolt: true, width: 100 },
+    { label: "预警级别", prop: "yjJb", showSolt: true },
+    { label: "细类", prop: "czzt", showSolt: true },
+    { label: "开始放飞时间", prop: "czzt", showSolt: true },
+    { label: "结束放飞时间", prop: "czzt", showSolt: true },
+    { label: "飞行时间", prop: "czzt", showSolt: true },
+    { label: "放飞区域", prop: "czzt", showSolt: true },
+    { label: "无人机类型", prop: "czzt", showSolt: true },
+    { label: "手机号", prop: "czzt", showSolt: true },
+    { label: "所属单位", prop: "czzt", showSolt: true },
+     { label: "超时状态", prop: "czzt", showSolt: true },
+    // { label: "预警图片", prop: "yjTp", showSolt: true, width: 100 },
+    // { label: "处置状态", prop: "czzt", showSolt: true },
+    // { label: "预警时间", prop: "yjSj", showOverflowTooltip: true, width: 200 },
+    // { label: "姓名", prop: "yjRyxm" },
+    // { label: "性别", prop: "xb", showSolt: true, width: 80 },
+    // { label: "年龄", prop: "nl", showSolt: true, width: 80 },
+    // { label: "数据来源", prop: "yjLylx", showOverflowTooltip: true, showSolt: true },
+    // { label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true, width: 200 },
+    // { label: "预警级别", prop: "yjJb", showSolt: true },
+    // { label: "相似度", prop: "xsd", showSolt: true },
+    // { label: "所属部门", prop: "ssbm", showOverflowTooltip: true },
+  ]
+});
+const addFromRefs = ref()
+const listQuery = ref({})
+const opentions = ref([])
+const loading = ref(false)
+const selectRows = ref([])
+const permission_sfqs = ref(false)
+
+onMounted(() => {
+  let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
+  permission_sfqs.value = str.startsWith('2'||'3') ? false : true;
+
+  let rols = getItem('roleList') ? getItem('roleList'):[]
+  let obj = rols.find(item => {
+    return  ['JS_666666','JS_777777','JS_888888'].includes(item.roleCode)
+  })
+  roleCode.value = obj ? true : false;
+
+  tabHeightFn();
+  getList()
+});
+// 搜索
+const onReset = () => {
+  listQuery.value.yjRyxm = ''
+}
+const onSearch = (val) => {
+  listQuery.value = { ...listQuery.value,...val };
+  listQuery.value.startTime = val.times ? val.times[0] : ''
+  listQuery.value.endTime = val.times ? val.times[1] : ''
+  getList()
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  const promes = {
+    ...listQuery.value,
+    yjLx: '14', // 无人机预警
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize
+  }
+  delete promes.times;
+  tbYjxxGetPageList(promes).then((res) => {
+    pageData.tableData = res.records.map(item => {
+      return {
+        ...item,
+        yjTp: item.yjlx == '01' ? item.yjTpreplace(ORDIMG, IMGYM) : item.yjTp
+      }
+    }) || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  })
+}
+
+
+
+const remoteMethod = (query) => {
+  if (!query) return opentions.value = [];
+    loading.value = true
+    tbGsxtZdrySelectList({ ryXm: query }).then(res => {
+      opentions.value = res || [];
+      loading.value = false;
+    }).catch(() => {
+      loading.value = false
+    })
+}
+
+const getRowClassName = (row) => {
+  if (!row.row.yjJb) return '';
+  const level = String(row.row.yjJb);
+  if (level === '01' || level.includes('红') || level.includes('高')) return 'warning-level-01';
+  if (level === '02' || level.includes('橙') || level.includes('中')) return 'warning-level-02';
+  if (level === '03' || level.includes('黄') || level.includes('低')) return 'warning-level-03';
+  if (level === '04' || level.includes('蓝')) return 'warning-level-04';
+  return '';
+};
+
+// 处理签收
+const handleQsFk = (val, type) => {
+  switch (type) {
+    case '签收':
+      proxy.$confirm("是否确定要签收？", "警告", { type: "warning" }).then(() => {
+        qcckPost({ id: val.id }, "/mosty-gsxt/tbYjxx/yjqs").then(() => {
+          val.czzt = '02'
+          getList()
+          proxy.$message({ type: "success", message: "签收成功" });
+        });
+      })
+      break;
+    case '反馈':
+    case '查看反馈':
+      emitter.emit("openFkDialog", { id: val.id, type });
+      break;
+  }
+}
+
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+
+// 导出
+const exportExl = () => {
+  const titleObj = {
+    czzt_cname: "处置状态",
+    yjSj: "预警时间",
+    yjRyxm: "姓名",
+    nl_cname: "年龄", // IdCard(row.yjRysfzh, 3)
+    yjLylx: "数据来源",
+    xb_cname: "性别",
+    yjJb_cname: "预警级别",
+    xsd_cname: "相似度",
+    yjDz: "预警地点",
+    yjCs: "预警次数",
+    yjRysjh: "布控手机号",
+    yjClcph: "布控车牌号",
+    yjRysfzh: "身份证",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      nl_cname: IdCard(item.yjRysfzh, 3),
+      xb_cname: IdCard(item.yjRysfzh, 2),
+      xsd_cname: (item.xsd > 0 ? item.xsd : 0) + '%',
+      czzt_cname: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+      yjJb_cname: getMultiDictVal(item.yjJb, D_BZ_YJJB),
+    }
+  })
+  exportExlByObj(titleObj, data, '无人机预警.xlsx')
+}
+
+const handleQs = () => {
+  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ids}, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+
+// 全息档案跳转
+const pushAssess = (val) => {
+  return holographicProfileJump(val.yjLx,val)
+}
+
+const showDetail = (item) => {
+  showDialog.value = true;
+  itemData.value = item
+}
+const handleClose = () => {
+  showDialog.value = false;
+}
+
+const submitSendZl = () => {
+  semdFqzlRef.value.getsendFqzl()
+}
+const closeFszl = () => {
+  semdFqzlRef.value.close()
+}
+
+// 处置建议
+const handleCzjy = (row) => {
+  czjyRef.value.init(row)
+}
+
+// 详情
+const openAddFrom = (val) => {
+  addFromRefs.value.init('add', val)
+}
+
+
+// 指派
+const pushWarning = (val) => {
+  warningShow.value = true
+  dataList.value = val;
+}
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 290;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+// 详情
+const paginationOpen=ref(false)
+const openBox = (val) => {
+  paginationOpen.value = true
+}
+</script>
+
+<style lang="scss">
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+/* 预警级别行样式 */
+.warning-level-01 {
+  background-color: rgba(255, 2, 2, 0.1) !important;
+}
+
+.warning-level-01:hover {
+  background-color: rgba(255, 2, 2, 0.15) !important;
+}
+
+.warning-level-02 {
+  background-color: rgba(255, 140, 0, 0.1) !important;
+}
+
+.warning-level-02:hover {
+  background-color: rgba(255, 140, 0, 0.15) !important;
+}
+
+.warning-level-03 {
+  background-color: rgba(255, 210, 8, 0.1) !important;
+}
+
+.warning-level-03:hover {
+  background-color: rgba(255, 210, 8, 0.15) !important;
+}
+
+.warning-level-04 {
+  background-color: rgba(0, 0, 255, 0.1) !important;
+}
+
+.warning-level-04:hover {
+  background-color: rgba(0, 0, 255, 0.15) !important;
+}
+
+/* 确保行样式应用到所有单元格 */
+.warning-level-01 td,
+.warning-level-02 td,
+.warning-level-03 td,
+.warning-level-04 td {
+  background-color: transparent !important;
+}
+
+.tabBox_zdy{
+  .el-table--fit {
+    overflow: unset !important;
+  }
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningControl/wrjWarning/index.vue b/src/views/backOfficeSystem/fourColorManage/warningControl/wrjWarning/index.vue
index d59d4ab..674dca0 100644
--- a/src/views/backOfficeSystem/fourColorManage/warningControl/wrjWarning/index.vue
+++ b/src/views/backOfficeSystem/fourColorManage/warningControl/wrjWarning/index.vue
@@ -1,87 +1,39 @@
 <template>
   <div>
     <!-- 搜索 -->
-     <div ref="searchBox">
-       <Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount">
-          <template #yjRyxms>
-            <el-select clearable v-model="listQuery.yjRyxm" filterable remote allow-create default-first-optionreserve-keyword placeholder="请输入布控人员" :remote-method="remoteMethod" :loading="loading" style="width: 240px">
-              <el-option v-for="item in opentions" :key="item.rySfzh" :label="item.ryXm" :value="item.rySfzh" />
-            </el-select>
-          </template>
-        </Search>
-     </div>
-    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
-      <template #left>
-        <el-button type="primary" size="small" @click="exportExl">导出</el-button>
-        <el-button type="primary" size="small" @click="handleQs" v-if="permission_sfqs">签收</el-button>
-      </template>
-    </PageTitle>
-
+    <div ref="searchBox">
+      <QueryFormPanel v-model="listQuery" :fields="searchConfiger" @search='onSearch'>
+        <template #but>
+          <el-button type="primary" size="small" @click="exportExl">导出</el-button>
+          <el-button type="primary" size="small" @click="handleQs" v-if="permission_sfqs">签收</el-button>
+        </template>
+      </QueryFormPanel>
+    </div>
     <!-- 表格 -->
-   <div class="tabBox tabBox_zdy">
-      <MyTable
-        :tableData="pageData.tableData"
-        :tableColumn="pageData.tableColumn"
-        :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount"
-        :tableConfiger="pageData.tableConfiger"
-        :controlsWidth="pageData.controlsWidth"
-        expand
-        @chooseData="handleChooseData"
-        :rowClassName="getRowClassName"
-      >
-        <template #expand="{ props }">
-          <Items :row="props"/>
-        </template>
-        <template #yjTp="{ row }">
-          <template v-if="!row.yjTp || row.yjTp.includes('baidu')">
-            <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
-            <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
-          </template>
-          <el-image v-else style="width: 30px; height:30px" :src="row.yjTp" :preview-src-list="[row.yjTp]"
-            show-progress>
-            <template #error>
-              <div class="image-slot error">
-                <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
-                <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
-              </div>
-            </template>
-          </el-image>
-        </template>
-        <template #nl="{ row }">
-          {{ IdCard(row.yjRysfzh, 3) }}
-        </template>
-        <template #xb="{ row }">
-          {{ IdCard(row.yjRysfzh, 2) }}
-        </template>
-        <template #xsd="{ row }">
-          {{ row.xsd }}%
-        </template>
-        <template #yjLylx="{ row }">
-          <DictTag v-model:value="row.yjLylx" :options="D_BZ_YJLY" />
-        </template>
+    <div class="tabBox_zdy">
+      <WarnDataTable :loading="pageData.tableConfiger.loading" :tableHeight="pageData.tableHeight"
+        :data="pageData.tableData" :columns="pageData.tableColumn" table-class="warn-table"
+        @selectionChange="handleChooseData">
         <template #czzt="{ row }">
-          <DictTag v-model:value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+          <DictTag :value="row.czzt" :color="row.czzt === '01' ? '#ff2424' : '#1d72e8'" :tag="false"
+            :options="D_GSXT_YJXX_CZZT" />
         </template>
-        <template #yjJb="{ row }">
-          <DictTag v-model:value="row.yjJb" :options="D_BZ_YJJB" />
+        <template #operation="{ row }">
+          <div style="display: flex;justify-content: space-between;">
+            <span class="warning" @click="pushAssess(row)">全息档案</span>
+            <span class="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</span>
+            <!-- <span type="primary" @click="showDetail(row)">转合成</span> -->
+            <!-- <span type="danger" @click="delDictItem(row.id)">转会商</span> -->
+            <span class="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</span>
+            <span class="success" @click="handleQsFk(row, '反馈')"
+              v-else-if="row.czzt == '02' && permission_sfqs">反馈</span>
+            <!-- <span type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</span> -->
+            <span class="primary" @click="openBox(row)">详情</span>
+            <span class="primary" @click="pushWarning(row)">指派</span>
+          </div>
         </template>
-        <!-- 操作 -->
-        <template #controls="{ row }">
-          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
-          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link> -->
-          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
-          <el-link type="success" @click="handleQsFk(row, '反馈')" v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
-          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
-          <el-link type="primary" @click="openAddFrom(row)">详情</el-link>
-          <el-link type="primary" @click="pushWarning(row)">指派</el-link>
-        </template>
-      </MyTable>
-      <Pages
-        @changeNo="changeNo"
-        @changeSize="changeSize"
-        :tableHeight="pageData.tableHeight"
+      </WarnDataTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight"
         :pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }">
       </Pages>
     </div>
@@ -91,7 +43,8 @@
   <HolographicArchive v-model="assessShow" :dataList="dataList" />
 
   <Information v-model="showDialog" title="发送指令" @submit='submitSendZl' @close='closeFszl'>
-    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj" :tacitly="tacitly" />
+    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj"
+      :tacitly="tacitly" />
   </Information>
 
   <!-- 详情 -->
@@ -99,7 +52,7 @@
   <!-- 处置建议 -->
   <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
   <!-- 指派 -->
-  <ZpForm v-model="warningShow" :dataList="dataList"/>
+  <ZpForm v-model="warningShow" :dataList="dataList" />
   <!-- 反馈 -->
   <FkDialog @change="getList" />
   <Pagination v-model="paginationOpen" />
@@ -111,6 +64,7 @@ import emitter from "@/utils/eventBus.js";
 import { getItem, setItem } from '@/utils/storage'
 import { exportExlByObj } from "@/utils/exportExcel.js"
 import { getMultiDictVal } from "@/utils/dict.js"
+
 import { tbYjxxGetPageList } from '@/api/yj.js'
 import { IdCard } from '@/utils/validate.js'
 import { tbGsxtZdrySelectList } from "@/api/zdr.js"
@@ -128,10 +82,12 @@ import PageTitle from "@/components/aboutTable/PageTitle.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
 import Pagination from "./components/particulars.vue";
+import WarnDataTable from '@/views/backOfficeSystem/ces/components/WarnDataTable.vue'
+import QueryFormPanel from "@/views/backOfficeSystem/ces/components/QueryFormPanel.vue";
 const ORDIMG = 'https://89.40.7.122:38496/image'
 const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
 const { proxy } = getCurrentInstance();
-const { D_GSXT_YJXX_CZZT,D_GS_QLZDRLX, D_BZ_YJJB, D_BZ_YJLYXT, D_BZ_YJLY, D_BZ_XB ,D_GS_CSZT} = proxy.$dict("D_GSXT_YJXX_CZZT",'D_GS_QLZDRLX ', "D_BZ_YJJB", "D_BZ_YJLYXT", "D_BZ_YJLY", "D_BZ_XB","D_GS_CSZT")
+const { D_GSXT_YJXX_CZZT, D_GS_QLZDRLX, D_BZ_YJJB, D_BZ_YJLYXT, D_BZ_YJLY, D_BZ_XB, D_GS_CSZT } = proxy.$dict("D_GSXT_YJXX_CZZT", 'D_GS_QLZDRLX ', "D_BZ_YJJB", "D_BZ_YJLYXT", "D_BZ_YJLY", "D_BZ_XB", "D_GS_CSZT")
 const searchBox = ref(); //搜索框
 const roleCode = ref(false)
 const czjyRef = ref()
@@ -143,28 +99,28 @@ const showDialog = ref(false)// 发送指令
 const assessShow = ref(false)// 全息档案
 const searchConfiger = ref(
   [
- { label: "预警时间", prop: 'times', showType: "datetimerange" },
+    { label: "预警时间", prop: 'times', showType: "datetimerange" },
     { label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT },
-  { label: "比中项", prop: 'yjLx', showType: "checkbox", showSelectAll: true, options: [{ label: '人员', value: '1', }, { label: '车辆', value: '2', }] },
+    { label: "比中项", prop: 'bzx', showType: "select", options: [{ label: '人员', value: '1', }, { label: '车辆', value: '2', }] },
     { label: "预警级别", prop: 'yjJb', showType: "select", options: D_BZ_YJJB, placeholder: "请选择预警级别", multiple: true },
-{ label: "人员类别", prop: 'yjJb', showType: "select", options: D_BZ_YJJB, placeholder: "请选择预警级别", multiple: true },
- { label: "接收单位", prop: 'ssbmdm', placeholder: "请选择接收单位", showType: "department" },
-  { label: "放飞开始时间", prop: 'bkkssj', showType: "date", placeholder: "请选择放飞开始时间" },
-  { label: "放飞结束时间", prop: 'bkjssj', showType: "date", placeholder: "请选择放飞结束时间" },
-{ label: "无人机型号", prop: 'xm', placeholder: "请输入无人机型号", showType: "input" },
-{ label: "手机号码", prop: 'mobile', placeholder: "请输入手机号码", showType: "input" },
+    { label: "人员类别", prop: 'yjJb', showType: "select", options: D_BZ_YJJB, placeholder: "请选择预警级别", multiple: true },
+    { label: "接收单位", prop: 'ssbmdm', placeholder: "请选择接收单位", showType: "department" },
+    { label: "放飞开始时间", prop: 'bkkssj', showType: "date", placeholder: "请选择放飞开始时间" },
+    { label: "放飞结束时间", prop: 'bkjssj', showType: "date", placeholder: "请选择放飞结束时间" },
+    { label: "无人机型号", prop: 'xm', placeholder: "请输入无人机型号", showType: "input" },
+    { label: "手机号码", prop: 'mobile', placeholder: "请输入手机号码", showType: "input" },
     { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
-{ label: "放飞区域", prop: 'xm', placeholder: "请输入放飞区域", showType: "input" },
-{ label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
+    { label: "放飞区域", prop: 'xm', placeholder: "请输入放飞区域", showType: "input" },
+    { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
     // { label: "布控人员", prop: 'yjRyxms', showType: "Slot" },
-  // { label: "性别", prop: 'xbdm', placeholder: "请选择性别", showType: "select", options: D_BZ_XB },
-  // { label: "身份证", prop: 'yjRysfzh', placeholder: "请输入身份证号码", showType: "input" },
-  // { label: "预警时间", prop: 'times', showType: "datetimerange" },
-  // { label: "状态", prop: 'czzt', placeholder: "请选择状态", showType: "select", options: D_GSXT_YJXX_CZZT },
-  // { label: "细类", prop: 'yjbqmc', placeholder: "请输入细类", showType: "input" },
-  // { label: "活动发生地址", prop: 'yjDz', placeholder: "请输入活动发生地址", showType: "input" },
-  // { label: "接收单位", prop: 'ssbmdm',showType: "department" },
-]);
+    // { label: "性别", prop: 'xbdm', placeholder: "请选择性别", showType: "select", options: D_BZ_XB },
+    // { label: "身份证", prop: 'yjRysfzh', placeholder: "请输入身份证号码", showType: "input" },
+    // { label: "预警时间", prop: 'times', showType: "datetimerange" },
+    // { label: "状态", prop: 'czzt', placeholder: "请选择状态", showType: "select", options: D_GSXT_YJXX_CZZT },
+    // { label: "细类", prop: 'yjbqmc', placeholder: "请输入细类", showType: "input" },
+    // { label: "活动发生地址", prop: 'yjDz', placeholder: "请输入活动发生地址", showType: "input" },
+    // { label: "接收单位", prop: 'ssbmdm',showType: "department" },
+  ]);
 const pageData = reactive({
   tableData: [], //表格数据
   keyCount: 0,
@@ -182,31 +138,23 @@ const pageData = reactive({
   }, //分页
   controlsWidth: 160, //操作栏宽度
   tableColumn: [
-    { label: "处置状态", prop: "czzt", showSolt: true },
-    { label: "姓名", prop: "yjRyxm" },
-    { label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true, width: 200 },
-    { label: "比重类别", prop: "yjTp", showSolt: true, width: 100 },
-    { label: "预警级别", prop: "yjJb", showSolt: true },
-    { label: "细类", prop: "czzt", showSolt: true },
-    { label: "开始放飞时间", prop: "czzt", showSolt: true },
-    { label: "结束放飞时间", prop: "czzt", showSolt: true },
-    { label: "飞行时间", prop: "czzt", showSolt: true },
-    { label: "放飞区域", prop: "czzt", showSolt: true },
-    { label: "无人机类型", prop: "czzt", showSolt: true },
-    { label: "手机号", prop: "czzt", showSolt: true },
-    { label: "所属单位", prop: "czzt", showSolt: true },
-     { label: "超时状态", prop: "czzt", showSolt: true },
-    // { label: "预警图片", prop: "yjTp", showSolt: true, width: 100 },
-    // { label: "处置状态", prop: "czzt", showSolt: true },
-    // { label: "预警时间", prop: "yjSj", showOverflowTooltip: true, width: 200 },
-    // { label: "姓名", prop: "yjRyxm" },
-    // { label: "性别", prop: "xb", showSolt: true, width: 80 },
-    // { label: "年龄", prop: "nl", showSolt: true, width: 80 },
-    // { label: "数据来源", prop: "yjLylx", showOverflowTooltip: true, showSolt: true },
-    // { label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true, width: 200 },
-    // { label: "预警级别", prop: "yjJb", showSolt: true },
-    // { label: "相似度", prop: "xsd", showSolt: true },
-    // { label: "所属部门", prop: "ssbm", showOverflowTooltip: true },
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { label: "处置状态", align: 'center', width: 80, slotName: 'czzt' },
+    { prop: 'yjRyxm', label: '人员姓名', align: 'center' },
+    { prop: 'yjRysfzh', label: '身份证号', width: 80, align: 'center' },
+    { label: '预警级别', width: 80, align: 'center', slotName: 'yjJb' },
+    { label: '比重类别', width: 80, align: 'center', slotName: 'bzlb' },
+    { prop: 'xl', label: '细类', width: 80, align: 'center' },
+    { prop: 'ksffsj', label: '开始放飞时间', align: 'center' },
+    { prop: 'jsffsj', label: '结束放飞时间', align: 'center' },
+    { label: "所属部门", prop: "ssbm", align: 'center' },
+    { label: "数据来源", slotName: "yjLylx", align: 'center' },
+    { prop: 'mobile', label: '手机号', width: 80, align: 'center' },
+    { prop: 'wrjlx', label: '无人机类型', align: 'center' },
+    { prop: 'ffsj', label: '飞行时间', width: 80, align: 'center' },
+    { prop: 'ffqy', label: '放飞区域', width: 80, align: 'center' },
+    { label: '操作', width: 180, slotName: 'operation' },
+    { label: '超时状态', width: 80, align: 'center', slotName: 'cszt' },
   ]
 });
 const addFromRefs = ref()
@@ -218,11 +166,11 @@ const permission_sfqs = ref(false)
 
 onMounted(() => {
   let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
-  permission_sfqs.value = str.startsWith('2'||'3') ? false : true;
+  permission_sfqs.value = str.startsWith('2' || '3') ? false : true;
 
-  let rols = getItem('roleList') ? getItem('roleList'):[]
+  let rols = getItem('roleList') ? getItem('roleList') : []
   let obj = rols.find(item => {
-    return  ['JS_666666','JS_777777','JS_888888'].includes(item.roleCode)
+    return ['JS_666666', 'JS_777777', 'JS_888888'].includes(item.roleCode)
   })
   roleCode.value = obj ? true : false;
 
@@ -234,7 +182,7 @@ const onReset = () => {
   listQuery.value.yjRyxm = ''
 }
 const onSearch = (val) => {
-  listQuery.value = { ...listQuery.value,...val };
+  listQuery.value = { ...listQuery.value, ...val };
   listQuery.value.startTime = val.times ? val.times[0] : ''
   listQuery.value.endTime = val.times ? val.times[1] : ''
   getList()
@@ -255,7 +203,8 @@ const getList = () => {
     ...listQuery.value,
     yjLx: '14', // 无人机预警
     pageCurrent: pageData.pageConfiger.pageCurrent,
-    pageSize: pageData.pageConfiger.pageSize
+    pageSize: pageData.pageConfiger.pageSize,
+    bzx: listQuery.value.bzx?.join(',') || '',
   }
   delete promes.times;
   tbYjxxGetPageList(promes).then((res) => {
@@ -276,13 +225,13 @@ const getList = () => {
 
 const remoteMethod = (query) => {
   if (!query) return opentions.value = [];
-    loading.value = true
-    tbGsxtZdrySelectList({ ryXm: query }).then(res => {
-      opentions.value = res || [];
-      loading.value = false;
-    }).catch(() => {
-      loading.value = false
-    })
+  loading.value = true
+  tbGsxtZdrySelectList({ ryXm: query }).then(res => {
+    opentions.value = res || [];
+    loading.value = false;
+  }).catch(() => {
+    loading.value = false
+  })
 }
 
 const getRowClassName = (row) => {
@@ -351,14 +300,14 @@ const exportExl = () => {
 }
 
 const handleQs = () => {
-  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
   let wqs = selectRows.value.filter(item => item.czzt == '01');
   if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
   let yqs = selectRows.value.filter(item => item.czzt == '02');
   let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
   proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
     let ids = wqs.map(item => item.id)
-    qcckPost({ids}, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+    qcckPost({ ids }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
       proxy.$message({ type: "success", message: "成功" });
       getList();
     }).catch(() => {
@@ -369,7 +318,7 @@ const handleQs = () => {
 
 // 全息档案跳转
 const pushAssess = (val) => {
-  return holographicProfileJump(val.yjLx,val)
+  return holographicProfileJump(val.yjLx, val)
 }
 
 const showDetail = (item) => {
@@ -405,13 +354,13 @@ const pushWarning = (val) => {
 }
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 290;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 230;
   window.onresize = function () {
     tabHeightFn();
   };
 };
 // 详情
-const paginationOpen=ref(false)
+const paginationOpen = ref(false)
 const openBox = (val) => {
   paginationOpen.value = true
 }
@@ -463,9 +412,7 @@ const openBox = (val) => {
   background-color: transparent !important;
 }
 
-.tabBox_zdy{
-  .el-table--fit {
-    overflow: unset !important;
-  }
+.tabBox_zdy {
+  background-color: #ffff;
 }
 </style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/index copy.vue b/src/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/index copy.vue
new file mode 100644
index 0000000..aa6976e
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/index copy.vue	
@@ -0,0 +1,484 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox">
+      <Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount">
+        <!-- <template #yjRyxms>
+          <el-select clearable v-model="listQuery.yjRyxm" filterable remote allow-create
+            default-first-optionreserve-keyword placeholder="请输入布控人员" :remote-method="remoteMethod" :loading="loading"
+            style="width: 240px">
+            <el-option v-for="item in opentions" :key="item.rySfzh" :label="item.ryXm" :value="item.rySfzh" />
+          </el-select>
+        </template> -->
+      </Search>
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="exportExl">导出</el-button>xxxx
+        <el-button type="primary" size="small" @click="handleQs" v-if="permission_sfqs">批量签收</el-button>
+      </template>
+    </PageTitle>
+
+    <!-- 表格 -->
+    <div class="tabBox tabBox_zdy">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" expand
+        @chooseData="handleChooseData" :rowClassName="getRowClassName">
+        <template #expand="{ props }">
+          <Items :row="props" />
+        </template>
+        <template #yjTp="{ row }">
+          <template v-if="!row.yjTp || row.yjTp.includes('baidu')">
+            <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
+            <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
+          </template>
+          <el-image v-else style="width: 30px; height:30px" :src="row.yjTp" :preview-src-list="[row.yjTp]"
+            show-progress>
+            <template #error>
+              <div class="image-slot error">
+                <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
+                <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
+              </div>
+            </template>
+          </el-image>
+        </template>
+        <template #nl="{ row }">
+          {{ IdCard(row.yjRysfzh, 3) }}
+        </template>
+        <template #xb="{ row }">
+          {{ IdCard(row.yjRysfzh, 2) }}
+        </template>
+        <template #xsd="{ row }">
+          {{ row.xsd }}%
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag v-model:value="row.yjLylx" :options="D_BZ_YJLY" />
+        </template>
+        <template #czzt="{ row }">
+          <DictTag v-model:value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #yjJb="{ row }">
+          <DictTag v-model:value="row.yjJb" :options="D_BZ_YJJB" />
+        </template>
+        <!-- 操作 -->
+        <template #controls="{ row }">
+          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
+          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
+          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link> -->
+          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
+          <el-link type="success" @click="handleQsFk(row, '反馈')"
+            v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
+          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
+          <!-- <el-link type="primary" @click="openAddFrom(row)">详情</el-link> -->
+          <el-link type="primary" @click="pushWarning(row)">指派</el-link>
+          <el-link type="primary" @click="openBox(row)">详情</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight"
+        :pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }">
+      </Pages>
+    </div>
+
+  </div>
+
+  <HolographicArchive v-model="assessShow" :dataList="dataList" />
+
+  <Information v-model="showDialog" title="发送指令" @submit='submitSendZl' @close='closeFszl'>
+    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj"
+      :tacitly="tacitly" />
+  </Information>
+
+  <!-- 详情 -->
+  <AddFromz ref="addFromRefs" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_BZ_YJLYXT }" />
+  <!-- 处置建议 -->
+  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
+  <!-- 指派 -->
+  <ZpForm v-model="warningShow" :dataList="dataList" />
+  <!-- 反馈 -->
+  <FkDialog @change="getList" />
+   <Particulars v-model="paginationOpen" :dataList="dataPres" :dict="{D_BZ_XB,D_BZ_YJJB,D_GS_QLZDRLX,D_GS_ZDR_RYJB,D_GS_ZDR_GJLB}" />
+</template>
+
+<script setup>
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import emitter from "@/utils/eventBus.js";
+import { getItem, setItem } from '@/utils/storage'
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import { getMultiDictVal } from "@/utils/dict.js"
+import { tbYjxxGetPageList } from '@/api/yj.js'
+import { IdCard } from '@/utils/validate.js'
+import { tbGsxtZdrySelectList } from "@/api/zdr.js"
+import { holographicProfileJump } from "@/utils/tools.js"
+import Items from './item/items.vue'
+import HolographicArchive from '@/views/home/components/holographicArchive.vue'
+import Information from "@/views/home/model/information.vue";
+import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
+import ZpForm from "@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/zpForm.vue";
+import Czjy from './components/czjy.vue';
+import AddFromz from './components/addFrom.vue';
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
+import Particulars from "./components/particulars.vue";
+const ORDIMG = 'https://89.40.7.122:38496/image'
+const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
+const { proxy } = getCurrentInstance();
+const { D_GSXT_YJXX_CZZT, D_GS_QLZDRLX, D_GS_BKZT, D_GS_CSZT, D_BZ_BKLYS, D_BZ_YJJB, D_BZ_YJLYXT, D_BZ_YJLY, D_BZ_XB, D_BZ_SF,D_GS_ZDR_RYJB, D_GS_ZDR_GJLB} = proxy.$dict("D_GSXT_YJXX_CZZT", 'D_GS_QLZDRLX ', "D_BZ_YJJB", "D_BZ_YJLYXT", "D_BZ_YJLY", "D_BZ_XB", "D_BZ_BKLYS", "D_GS_BKZT", "D_GS_CSZT", "D_BZ_SF","D_GS_ZDR_RYJB","D_GS_ZDR_GJLB")
+const searchBox = ref(); //搜索框
+const roleCode = ref(false)
+const czjyRef = ref()
+const itemData = ref()
+const semdFqzlRef = ref()
+const warningShow = ref(false)
+const dataList = ref([])
+const showDialog = ref(false)// 发送指令
+const assessShow = ref(false)// 全息档案
+const searchConfiger = ref(
+  [
+    { label: "布控开始时间", prop: 'bkkssj', showType: "date", placeholder: "请选择布控开始时间" },
+    { label: "布控结束时间", prop: 'bkjssj', showType: "date", placeholder: "请选择布控结束时间" },
+    { label: "预警时间", prop: 'startTime', showType: "datetimerange", placeholder: "请选择预警时间" },
+    // { label: "预警名称", prop: 'yjBt', showType: "input", placeholder: "请输入预警名称" },
+    { label: "预警级别", prop: 'yjJb', showType: "select", options: D_BZ_YJJB, placeholder: "请选择预警级别", multiple: true },
+    { label: "布控来源", prop: 'bkly', showType: "select", options: D_BZ_BKLYS, placeholder: "请选择布控来源" },
+    { label: "布控范围", prop: 'bkfw', showType: "input", placeholder: "请输入布控范围" },
+    { label: "布控单位", prop: 'gkbmdm', showType: "department", placeholder: "请选择布控单位" },
+    { label: "所属单位", prop: 'ssbmdm', showType: "department", placeholder: "请选择所属单位" },
+    { label: "相似度", prop: 'xsd', showType: "input", placeholder: "请输入相似度" },
+    { prop: 'sfglyj', showType: "checkbox", showSelectAll: false, options: [{ label: '关联预警', value: '1' }] },
+    { prop: 'sfgz', showType: "checkbox", showSelectAll: false, options: [{ label: '重点关注', value: '1' }] },
+    { prop: 'sfzp', showType: "checkbox", showSelectAll: false, options: [{ label: '二次指派', value: '1' }] },
+    { label: "签收状态", prop: 'czzt', showType: "select", options: D_GSXT_YJXX_CZZT },
+    { label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT },
+    { label: "布控状态", prop: 'zkzt', showType: "select", options: D_GS_BKZT, placeholder: "请选择布控状态" },
+    { label: "姓名", prop: 'yjRyxm', showType: "input", placeholder: "请输入姓名" },
+    { label: "性别", prop: 'xbdm', showType: "select", options: D_BZ_XB, placeholder: "请选择性别" },
+    { label: "开始年龄", prop: 'ksnl', placeholder: "请输入年龄", showType: "number" },
+    { label: "结束年龄", prop: 'jsnl', placeholder: "请输入年龄", showType: "number" },
+    { label: "跨地区", prop: 'sflksd', showType: "select", options: D_BZ_SF, placeholder: "请选择是否跨地区" },
+    { label: "身份证号", prop: 'yjRysfzh', showType: "input", placeholder: "请输入身份证号" },
+    { label: "预警内容", prop: 'yjNr', showType: "input", placeholder: "请输入预警内容" },
+    // { label: "布控人员", prop: 'yjRyxms', showType: "Slot" },
+    // { label: "性别", prop: 'xbdm', placeholder: "请选择性别", showType: "select", options: D_BZ_XB },
+    // { label: "身份证", prop: 'yjRysfzh', placeholder: "请输入身份证号码", showType: "input" },
+    // { label: "预警时间", prop: 'times', showType: "datetimerange" },
+    // { label: "状态", prop: 'czzt', placeholder: "请选择状态", showType: "select", options: D_GSXT_YJXX_CZZT },
+    // // { label: "人员类别", prop: 'bqdl', placeholder: "请选择人员类别", showType: "select", options: D_GS_QLZDRLX },
+    // { label: "细类", prop: 'yjbqmc', placeholder: "请输入细类", showType: "input" },
+    // { label: "活动发生地址", prop: 'yjDz', placeholder: "请输入活动发生地址", showType: "input" },
+    // { label: "接收单位", prop: 'ssbmdm',showType: "department" },
+  ]);
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true
+  },
+
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 150, //操作栏宽度
+  tableColumn: [
+    { label: "预警图片", prop: "yjTp", showSolt: true, width: 50 },
+    { label: "处置状态", prop: "czzt", showOverflowTooltip: true, width: 50 },
+    { label: "预警时间", prop: "yjSj", showOverflowTooltip: true },
+    { label: "姓名", prop: "yjRyxm", width: 50 },
+    { label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true },
+    { label: "性别", prop: "xbdm", showSolt: true, width: 50 },
+    { label: "年龄", prop: "nl", showSolt: true, width: 50 },
+    { label: "预警级别", prop: "yjJb", showSolt: true, width: 50 },
+    { label: "布控单位", prop: "gkbmdm", showSolt: true, width: 50 },
+    { label: "布控来源", prop: "bkly", showSolt: true, width: 50 },
+    { label: "布控范围", prop: "bkfw", showSolt: true, width: 50 },
+    { label: "布控开始时间", showOverflowTooltip: true, prop: "bkkssj", showSolt: true, width: 50 },
+    { label: "布控结束时间", showOverflowTooltip: true, prop: "bkjssj", showSolt: true, width: 50 },
+    { label: "处置要求", prop: "bkczyq", showSolt: true, showOverflowTooltip: true, width: 50 },
+    { label: "相似度", prop: "xsd", showSolt: true, width: 50 },
+    { label: "预警内容", prop: "yjNr", showOverflowTooltip: true, showSolt: true },
+    { label: "数据来源", prop: "yjLylx", showOverflowTooltip: true, showSolt: true },
+    { label: "超时状态", prop: "cszt", showOverflowTooltip: true, showSolt: true, width: 50, },
+    { label: "在控状态", prop: "zkzt", showOverflowTooltip: true, showSolt: true, width: 50 },
+    { label: "所属部门", prop: "ssbm", showOverflowTooltip: true },
+  ]
+});
+const addFromRefs = ref()
+const listQuery = ref({})
+const opentions = ref([])
+const loading = ref(false)
+const selectRows = ref([])
+const permission_sfqs = ref(false)
+
+onMounted(() => {
+  let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
+  permission_sfqs.value = str.startsWith('2' || '3') ? false : true;
+  let rols = getItem('roleList') ? getItem('roleList') : []
+  let obj = rols.find(item => {
+    return ['JS_666666', 'JS_777777', 'JS_888888'].includes(item.roleCode)
+  })
+  roleCode.value = obj ? true : false;
+
+  tabHeightFn();
+  getList()
+});
+// 搜索
+const onReset = () => {
+  listQuery.value.yjRyxm = ''
+}
+const onSearch = (val) => {
+  listQuery.value = { ...listQuery.value, ...val, yjJb: val.yjJb?.join(',') || '' };
+  listQuery.value.startTime = val.startTime ? val.startTime[0] : ''
+  listQuery.value.endTime = val.startTime ? val.startTime[1] : ''
+  listQuery.value.sfglyj = val.sfglyj?.join(',') || ''
+  listQuery.value.sfgz = val.sfgz?.join(',') || ''
+  listQuery.value.sfzp = val.sfzp?.join(',') || ''
+  getList()
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  const promes = {
+    ...listQuery.value,
+    yjLx: '1', // 人员预警
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize
+  }
+  delete promes.times;
+  tbYjxxGetPageList(promes).then((res) => {
+    pageData.tableData = res.records.map(item => {
+      return {
+        ...item,
+        yjTp: item.yjlx == '01' ? item.yjTp.replace(ORDIMG, IMGYM) : item.yjTp
+      }
+    }) || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  })
+}
+
+
+
+const remoteMethod = (query) => {
+  if (!query) return opentions.value = [];
+  loading.value = true
+  tbGsxtZdrySelectList({ ryXm: query }).then(res => {
+    opentions.value = res || [];
+    loading.value = false;
+  }).catch(() => {
+    loading.value = false
+  })
+}
+
+const getRowClassName = (row) => {
+  if (!row.row.yjJb) return '';
+  const level = String(row.row.yjJb);
+  if (level === '01' || level.includes('红') || level.includes('高')) return 'warning-level-01';
+  if (level === '02' || level.includes('橙') || level.includes('中')) return 'warning-level-02';
+  if (level === '03' || level.includes('黄') || level.includes('低')) return 'warning-level-03';
+  if (level === '04' || level.includes('蓝')) return 'warning-level-04';
+  return '';
+};
+
+// 处理签收
+const handleQsFk = (val, type) => {
+  switch (type) {
+    case '签收':
+      proxy.$confirm("是否确定要签收？", "警告", { type: "warning" }).then(() => {
+        qcckPost({ id: val.id }, "/mosty-gsxt/tbYjxx/yjqs").then(() => {
+          val.czzt = '02'
+          getList()
+          proxy.$message({ type: "success", message: "签收成功" });
+        });
+      })
+      break;
+    case '反馈':
+    case '查看反馈':
+      emitter.emit("openFkDialog", { id: val.id, type });
+      break;
+  }
+}
+
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+
+// 导出
+const exportExl = () => {
+  const titleObj = {
+    czzt_cname: "处置状态",
+    yjSj: "预警时间",
+    yjRyxm: "姓名",
+    nl_cname: "年龄", // IdCard(row.yjRysfzh, 3)
+    yjLylx: "数据来源",
+    xb_cname: "性别",
+    yjJb_cname: "预警级别",
+    xsd_cname: "相似度",
+    yjDz: "预警地点",
+    yjCs: "预警次数",
+    yjRysjh: "布控手机号",
+    yjClcph: "布控车牌号",
+    yjRysfzh: "身份证",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      nl_cname: IdCard(item.yjRysfzh, 3),
+      xb_cname: IdCard(item.yjRysfzh, 2),
+      xsd_cname: (item.xsd > 0 ? item.xsd : 0) + '%',
+      czzt_cname: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+      yjJb_cname: getMultiDictVal(item.yjJb, D_BZ_YJJB),
+    }
+  })
+  exportExlByObj(titleObj, data, '人像预警.xlsx')
+}
+
+const handleQs = () => {
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ ids }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+
+// 全息档案跳转
+const pushAssess = (val) => {
+  return holographicProfileJump(val.yjLx, val)
+}
+
+const showDetail = (item) => {
+  showDialog.value = true;
+  itemData.value = item
+}
+const handleClose = () => {
+  showDialog.value = false;
+}
+
+const submitSendZl = () => {
+  semdFqzlRef.value.getsendFqzl()
+}
+const closeFszl = () => {
+  semdFqzlRef.value.close()
+}
+
+// 处置建议
+const handleCzjy = (row) => {
+  czjyRef.value.init(row)
+}
+
+// 详情
+const openAddFrom = (val) => {
+  addFromRefs.value.init('add', val)
+}
+
+
+// 指派
+const pushWarning = (val) => {
+  warningShow.value = true
+  dataList.value = val;
+}
+// 详情
+const paginationOpen = ref(false)
+const dataPres = ref({})
+const openBox = (val) => {
+  dataPres.value = val
+  paginationOpen.value = true
+}
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 290;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+</script>
+<style lang="scss" scoped>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+::v-deep .el-table .cell {
+  padding: 0;
+}
+
+::v-deep .el-table .el-table__cell {
+  padding: 4px 0;
+}
+
+/* 预警级别行样式 */
+.warning-level-01 {
+  background-color: rgba(255, 2, 2, 0.1) !important;
+}
+
+.warning-level-01:hover {
+  background-color: rgba(255, 2, 2, 0.15) !important;
+}
+
+.warning-level-02 {
+  background-color: rgba(255, 140, 0, 0.1) !important;
+}
+
+.warning-level-02:hover {
+  background-color: rgba(255, 140, 0, 0.15) !important;
+}
+
+.warning-level-03 {
+  background-color: rgba(255, 210, 8, 0.1) !important;
+}
+
+.warning-level-03:hover {
+  background-color: rgba(255, 210, 8, 0.15) !important;
+}
+
+.warning-level-04 {
+  background-color: rgba(0, 0, 255, 0.1) !important;
+}
+
+.warning-level-04:hover {
+  background-color: rgba(0, 0, 255, 0.15) !important;
+}
+
+/* 确保行样式应用到所有单元格 */
+.warning-level-01 td,
+.warning-level-02 td,
+.warning-level-03 td,
+.warning-level-04 td {
+  background-color: transparent !important;
+}
+
+.tabBox_zdy {
+  .el-table--fit {
+    overflow: unset !important;
+  }
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/index.vue b/src/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/index.vue
index aa6976e..b119160 100644
--- a/src/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/index.vue
+++ b/src/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/index.vue
@@ -2,31 +2,34 @@
   <div>
     <!-- 搜索 -->
     <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount">
-        <!-- <template #yjRyxms>
-          <el-select clearable v-model="listQuery.yjRyxm" filterable remote allow-create
-            default-first-optionreserve-keyword placeholder="请输入布控人员" :remote-method="remoteMethod" :loading="loading"
-            style="width: 240px">
-            <el-option v-for="item in opentions" :key="item.rySfzh" :label="item.ryXm" :value="item.rySfzh" />
-          </el-select>
-        </template> -->
-      </Search>
+      <QueryFormPanel v-model="listQuery" :fields="searchConfiger" @search='onSearch'>
+        <template #but>
+          <el-button type="primary" size="small" @click="exportExl">导出</el-button>
+          <el-button type="primary" size="small" @click="handleQs" v-if="permission_sfqs">批量签收</el-button>
+          <!-- <el-button type="primary" size="small" @click="exportExl">批量导出</el-button>
+          <el-button type="primary" size="small" @click="handleQs">批量签收</el-button>
+          <el-button type="primary" size="small" @click="handleQs">批量分析</el-button>
+          <el-button type="primary" size="small" @click="countPeople">计算人数</el-button> -->
+        </template>
+      </QueryFormPanel>
+
+
+      <!-- <Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount">
+
+      </Search> -->
     </div>
-    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+    <!-- <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
       <template #left>
         <el-button type="primary" size="small" @click="exportExl">导出</el-button>xxxx
         <el-button type="primary" size="small" @click="handleQs" v-if="permission_sfqs">批量签收</el-button>
       </template>
-    </PageTitle>
+    </PageTitle> -->
 
     <!-- 表格 -->
-    <div class="tabBox tabBox_zdy">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" expand
-        @chooseData="handleChooseData" :rowClassName="getRowClassName">
-        <template #expand="{ props }">
-          <Items :row="props" />
-        </template>
+    <div class=" tabBox_zdy">
+      <WarnDataTable :loading="pageData.tableConfiger.loading" :tableHeight="pageData.tableHeight"
+        :data="pageData.tableData" :columns="pageData.tableColumn" table-class="warn-table"
+        @selectionChange="handleChooseData">
         <template #yjTp="{ row }">
           <template v-if="!row.yjTp || row.yjTp.includes('baidu')">
             <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
@@ -42,38 +45,58 @@
             </template>
           </el-image>
         </template>
-        <template #nl="{ row }">
-          {{ IdCard(row.yjRysfzh, 3) }}
+        <template #czzt="{ row }">
+          <DictTag :value="row.czzt" :color="row.czzt === '01' ? '#ff2424' : '#1d72e8'" :tag="false"
+            :options="D_GSXT_YJXX_CZZT" />
         </template>
-        <template #xb="{ row }">
-          {{ IdCard(row.yjRysfzh, 2) }}
+        <template #xbdm="{ row }">
+          <DictTag :value="row.xbdm" :tag="false" :options="D_BZ_XB" />
+        </template>
+        <template #yjJb="{ row }">
+          <div :style="{ 'background-color': bqYs(row.yjJb) }">
+            <DictTag :value="row.yjJb" color="#fff" :tag="false" :options="D_BZ_YJJB" />
+          </div>
+        </template>
+        <template #bkly="{ row }">
+          <DictTag :value="row.bkly" :tag="false" :options="D_BZ_YJLY" />
+        </template>
+        <template #bkczyq="{ row }">
+          <DictTag :value="row.bkczyq" :tag="false" :options="D_GS_BK_CZYQ" />
         </template>
         <template #xsd="{ row }">
           {{ row.xsd }}%
         </template>
         <template #yjLylx="{ row }">
-          <DictTag v-model:value="row.yjLylx" :options="D_BZ_YJLY" />
+          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
         </template>
-        <template #czzt="{ row }">
-          <DictTag v-model:value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+        <template #cszt="{ row }">
+          <DictTag :value="row.cszt" :tag="false" :options="D_GS_CSZT" />
         </template>
-        <template #yjJb="{ row }">
-          <DictTag v-model:value="row.yjJb" :options="D_BZ_YJJB" />
+        <!-- <template #bqdl="{ row }">
+          <DictTag :value="row.bqdl" :tag="false" :options="D_GS_QLZDRLX" />
         </template>
-        <!-- 操作 -->
-        <template #controls="{ row }">
-          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
-          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link> -->
-          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
-          <el-link type="success" @click="handleQsFk(row, '反馈')"
-            v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
-          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
-          <!-- <el-link type="primary" @click="openAddFrom(row)">详情</el-link> -->
-          <el-link type="primary" @click="pushWarning(row)">指派</el-link>
-          <el-link type="primary" @click="openBox(row)">详情</el-link>
+
+        -->
+        <template #operation="{ row }">
+          <div style="display: flex;justify-content: space-between;">
+            <span class="warning" @click="pushAssess(row)">全息档案</span>
+            <span class="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</span>
+            <!-- <span type="primary" @click="showDetail(row)">转合成</span> -->
+            <span class="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</span>
+            <span class="success" @click="handleQsFk(row, '反馈')"
+              v-else-if="row.czzt == '02' && permission_sfqs">反馈</span>
+            <!-- <span type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</span> -->
+            <!-- <span type="primary" @click="openAddFrom(row)">详情</span> -->
+            <span class="primary" @click="pushWarning(row)">指派</span>
+            <span class="primary" @click="openBox(row)">详情</span>
+            <!-- <span class="primary" @click="handleQsSingle(row)">签收</span>
+            <span class="primary" @click="particularsOpen(row)">详情</span>
+            <span class="warning" @click="pushWarning(row)">指派</span>
+            <span class="warning" v-if="row.sfbc != '1'" @click="failWarning(row)">报错</span>
+            <span class="primary" @click="payAttention(row)">关注</span> -->
+          </div>
         </template>
-      </MyTable>
+      </WarnDataTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight"
         :pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }">
       </Pages>
@@ -96,7 +119,8 @@
   <ZpForm v-model="warningShow" :dataList="dataList" />
   <!-- 反馈 -->
   <FkDialog @change="getList" />
-   <Particulars v-model="paginationOpen" :dataList="dataPres" :dict="{D_BZ_XB,D_BZ_YJJB,D_GS_QLZDRLX,D_GS_ZDR_RYJB,D_GS_ZDR_GJLB}" />
+  <Particulars v-model="paginationOpen" :dataList="dataPres"
+    :dict="{ D_BZ_XB, D_BZ_YJJB, D_GS_QLZDRLX, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB }" />
 </template>
 
 <script setup>
@@ -109,24 +133,27 @@ import { tbYjxxGetPageList } from '@/api/yj.js'
 import { IdCard } from '@/utils/validate.js'
 import { tbGsxtZdrySelectList } from "@/api/zdr.js"
 import { holographicProfileJump } from "@/utils/tools.js"
-import Items from './item/items.vue'
 import HolographicArchive from '@/views/home/components/holographicArchive.vue'
 import Information from "@/views/home/model/information.vue";
 import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
 import ZpForm from "@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/zpForm.vue";
 import Czjy from './components/czjy.vue';
 import AddFromz from './components/addFrom.vue';
-import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import PageTitle from "@/components/aboutTable/PageTitle.vue";
-import Search from "@/components/aboutTable/Search.vue";
+import WarnDataTable from '@/views/backOfficeSystem/ces/components/WarnDataTable.vue'
+import QueryFormPanel from "@/views/backOfficeSystem/ces/components/QueryFormPanel.vue";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
 import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
 import Particulars from "./components/particulars.vue";
+import { bqYs } from '@/utils/tools.js'
 const ORDIMG = 'https://89.40.7.122:38496/image'
 const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
 const { proxy } = getCurrentInstance();
-const { D_GSXT_YJXX_CZZT, D_GS_QLZDRLX, D_GS_BKZT, D_GS_CSZT, D_BZ_BKLYS, D_BZ_YJJB, D_BZ_YJLYXT, D_BZ_YJLY, D_BZ_XB, D_BZ_SF,D_GS_ZDR_RYJB, D_GS_ZDR_GJLB} = proxy.$dict("D_GSXT_YJXX_CZZT", 'D_GS_QLZDRLX ', "D_BZ_YJJB", "D_BZ_YJLYXT", "D_BZ_YJLY", "D_BZ_XB", "D_BZ_BKLYS", "D_GS_BKZT", "D_GS_CSZT", "D_BZ_SF","D_GS_ZDR_RYJB","D_GS_ZDR_GJLB")
+const { D_GSXT_YJXX_CZZT, D_GS_QLZDRLX, D_GS_BKZT, D_GS_CSZT, D_BZ_BKLYS, D_BZ_YJJB, D_BZ_YJLYXT,
+  D_BZ_YJLY, D_BZ_XB, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB, D_BZ_SF, D_GS_BK_CZYQ } = proxy.$dict("D_GSXT_YJXX_CZZT", 'D_GS_QLZDRLX ',
+    "D_BZ_YJJB", "D_BZ_YJLYXT", "D_BZ_YJLY", "D_BZ_XB", "D_BZ_BKLYS", "D_GS_BKZT",
+    "D_GS_CSZT", "D_BZ_SF", "D_GS_ZDR_RYJB", "D_GS_ZDR_GJLB", "D_GS_BK_CZYQ")
 const searchBox = ref(); //搜索框
 const roleCode = ref(false)
 const czjyRef = ref()
@@ -138,38 +165,29 @@ const showDialog = ref(false)// 发送指令
 const assessShow = ref(false)// 全息档案
 const searchConfiger = ref(
   [
-    { label: "布控开始时间", prop: 'bkkssj', showType: "date", placeholder: "请选择布控开始时间" },
-    { label: "布控结束时间", prop: 'bkjssj', showType: "date", placeholder: "请选择布控结束时间" },
-    { label: "预警时间", prop: 'startTime', showType: "datetimerange", placeholder: "请选择预警时间" },
-    // { label: "预警名称", prop: 'yjBt', showType: "input", placeholder: "请输入预警名称" },
-    { label: "预警级别", prop: 'yjJb', showType: "select", options: D_BZ_YJJB, placeholder: "请选择预警级别", multiple: true },
-    { label: "布控来源", prop: 'bkly', showType: "select", options: D_BZ_BKLYS, placeholder: "请选择布控来源" },
-    { label: "布控范围", prop: 'bkfw', showType: "input", placeholder: "请输入布控范围" },
-    { label: "布控单位", prop: 'gkbmdm', showType: "department", placeholder: "请选择布控单位" },
-    { label: "所属单位", prop: 'ssbmdm', showType: "department", placeholder: "请选择所属单位" },
-    { label: "相似度", prop: 'xsd', showType: "input", placeholder: "请输入相似度" },
-    { prop: 'sfglyj', showType: "checkbox", showSelectAll: false, options: [{ label: '关联预警', value: '1' }] },
-    { prop: 'sfgz', showType: "checkbox", showSelectAll: false, options: [{ label: '重点关注', value: '1' }] },
-    { prop: 'sfzp', showType: "checkbox", showSelectAll: false, options: [{ label: '二次指派', value: '1' }] },
-    { label: "签收状态", prop: 'czzt', showType: "select", options: D_GSXT_YJXX_CZZT },
-    { label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT },
-    { label: "布控状态", prop: 'zkzt', showType: "select", options: D_GS_BKZT, placeholder: "请选择布控状态" },
-    { label: "姓名", prop: 'yjRyxm', showType: "input", placeholder: "请输入姓名" },
-    { label: "性别", prop: 'xbdm', showType: "select", options: D_BZ_XB, placeholder: "请选择性别" },
-    { label: "开始年龄", prop: 'ksnl', placeholder: "请输入年龄", showType: "number" },
-    { label: "结束年龄", prop: 'jsnl', placeholder: "请输入年龄", showType: "number" },
-    { label: "跨地区", prop: 'sflksd', showType: "select", options: D_BZ_SF, placeholder: "请选择是否跨地区" },
-    { label: "身份证号", prop: 'yjRysfzh', showType: "input", placeholder: "请输入身份证号" },
-    { label: "预警内容", prop: 'yjNr', showType: "input", placeholder: "请输入预警内容" },
-    // { label: "布控人员", prop: 'yjRyxms', showType: "Slot" },
-    // { label: "性别", prop: 'xbdm', placeholder: "请选择性别", showType: "select", options: D_BZ_XB },
-    // { label: "身份证", prop: 'yjRysfzh', placeholder: "请输入身份证号码", showType: "input" },
-    // { label: "预警时间", prop: 'times', showType: "datetimerange" },
-    // { label: "状态", prop: 'czzt', placeholder: "请选择状态", showType: "select", options: D_GSXT_YJXX_CZZT },
-    // // { label: "人员类别", prop: 'bqdl', placeholder: "请选择人员类别", showType: "select", options: D_GS_QLZDRLX },
-    // { label: "细类", prop: 'yjbqmc', placeholder: "请输入细类", showType: "input" },
-    // { label: "活动发生地址", prop: 'yjDz', placeholder: "请输入活动发生地址", showType: "input" },
-    // { label: "接收单位", prop: 'ssbmdm',showType: "department" },
+    { label: "布控开始时间", key: 'bkkssj', type: "date", placeholder: "请选择布控开始时间" },
+    { label: "布控结束时间", key: 'bkjssj', type: "date", placeholder: "请选择布控结束时间" },
+    { label: "预警时间", key: 'startTime', type: "datetimerange", placeholder: "请选择预警时间" },
+    // { label: "预警名称", prop: 'yjBt', type: "input", placeholder: "请输入预警名称" },
+    { label: "预警级别", key: 'yjJb', type: "select", options: D_BZ_YJJB, placeholder: "请选择预警级别", multiple: true },
+    { label: "布控来源", key: 'bkly', type: "select", options: D_BZ_BKLYS, placeholder: "请选择布控来源" },
+    { label: "布控范围", key: 'bkfw', type: "input", placeholder: "请输入布控范围" },
+    { label: "布控单位", key: 'gkbmdm', type: "department", placeholder: "请选择布控单位" },
+    { label: "所属单位", key: 'ssbmdm', type: "department", placeholder: "请选择所属单位" },
+    { label: "相似度", key: 'xsd', type: "input", placeholder: "请输入相似度" },
+    { key: 'sfgz', label: '重点关注', type: 'select', options: D_BZ_SF, placeholder: '请选择重点关注' },
+    { key: 'sfzp', label: '二次指派', type: 'select', options: D_BZ_SF, placeholder: '请选择二次指派' },
+    { key: 'sfgz', label: '重点关注', type: 'select', options: D_BZ_SF, placeholder: '请选择重点关注' },
+    { label: "签收状态", key: 'czzt', type: "select", options: D_GSXT_YJXX_CZZT },
+    { label: "超时状态", key: 'cszt', placeholder: "请选择超时状态", type: "select", options: D_GS_CSZT },
+    { label: "布控状态", key: 'zkzt', type: "select", options: D_GS_BKZT, placeholder: "请选择布控状态" },
+    { label: "姓名", key: 'yjRyxm', type: "input", placeholder: "请输入姓名" },
+    { label: "性别", key: 'xbdm', type: "select", options: D_BZ_XB, placeholder: "请选择性别" },
+    { label: "开始年龄", key: 'ksnl', placeholder: "请输入年龄", type: "number" },
+    { label: "结束年龄", key: 'jsnl', placeholder: "请输入年龄", type: "number" },
+    { label: "跨地区", key: 'sflksd', type: "select", options: D_BZ_SF, placeholder: "请选择是否跨地区" },
+    { label: "身份证号", key: 'yjRysfzh', type: "input", placeholder: "请输入身份证号" },
+    { label: "预警内容", key: 'yjNr', type: "input", placeholder: "请输入预警内容" },
   ]);
 const pageData = reactive({
   tableData: [], //表格数据
@@ -188,26 +206,28 @@ const pageData = reactive({
   }, //分页
   controlsWidth: 150, //操作栏宽度
   tableColumn: [
-    { label: "预警图片", prop: "yjTp", showSolt: true, width: 50 },
-    { label: "处置状态", prop: "czzt", showOverflowTooltip: true, width: 50 },
-    { label: "预警时间", prop: "yjSj", showOverflowTooltip: true },
-    { label: "姓名", prop: "yjRyxm", width: 50 },
-    { label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true },
-    { label: "性别", prop: "xbdm", showSolt: true, width: 50 },
-    { label: "年龄", prop: "nl", showSolt: true, width: 50 },
-    { label: "预警级别", prop: "yjJb", showSolt: true, width: 50 },
-    { label: "布控单位", prop: "gkbmdm", showSolt: true, width: 50 },
-    { label: "布控来源", prop: "bkly", showSolt: true, width: 50 },
-    { label: "布控范围", prop: "bkfw", showSolt: true, width: 50 },
-    { label: "布控开始时间", showOverflowTooltip: true, prop: "bkkssj", showSolt: true, width: 50 },
-    { label: "布控结束时间", showOverflowTooltip: true, prop: "bkjssj", showSolt: true, width: 50 },
-    { label: "处置要求", prop: "bkczyq", showSolt: true, showOverflowTooltip: true, width: 50 },
-    { label: "相似度", prop: "xsd", showSolt: true, width: 50 },
-    { label: "预警内容", prop: "yjNr", showOverflowTooltip: true, showSolt: true },
-    { label: "数据来源", prop: "yjLylx", showOverflowTooltip: true, showSolt: true },
-    { label: "超时状态", prop: "cszt", showOverflowTooltip: true, showSolt: true, width: 50, },
-    { label: "在控状态", prop: "zkzt", showOverflowTooltip: true, showSolt: true, width: 50 },
-    { label: "所属部门", prop: "ssbm", showOverflowTooltip: true },
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { label: '照片', width: 50, align: 'center', slotName: 'yjTp' },
+    { label: "处置状态", align: 'center', width: 70, slotName: 'czzt' },
+    { prop: 'yjSj', label: '预警时间', width: 80, align: 'center' },
+    { prop: 'yjRyxm', label: '姓名', width: 50, align: 'center' },
+    { prop: 'yjRysfzh', label: '身份证号', align: 'center' },
+    { label: '性别', width: 56, align: 'center', slotName: 'xbdm' },
+    { prop: 'nl', label: '年龄', width: 56, align: 'center' },
+    { label: '预警级别', width: 70, align: 'center', slotName: 'yjJb' },
+    { label: "布控单位", prop: "gkbmmc", width: 70, align: 'center' },
+    { label: "布控来源", align: 'center', slotName: 'bkly', width: 70 },
+    { prop: 'bkfw', label: "布控范围", align: 'center', width: 70 },
+    { prop: 'bkkssj', label: "布控开始时间", width: 80, align: 'center' },
+    { prop: 'bkjssj', label: "布控结束时间", width: 80, align: 'center' },
+    { label: "处置要求", width: 70, slotName: 'bkczyq', align: 'center' },
+    { label: "相似度", width: 50, align: 'center', slotName: 'xsd' },
+    { label: "预警内容", prop: "yjNr", width: 70, align: 'center' },
+    { label: "所属部门", prop: "ssbm", width: 70, align: 'center'},
+    { label: "数据来源", width: 70, align: 'center', slotName: 'yjLylx' },
+    { label: '操作', width: 180, slotName: 'operation' },
+    { label: '超时状态', width: 80, align: 'center', slotName: 'cszt' },
+    { label: "在控状态", width: 70, align: 'center', slotName: "zkzt" },
   ]
 });
 const addFromRefs = ref()
@@ -237,9 +257,9 @@ const onSearch = (val) => {
   listQuery.value = { ...listQuery.value, ...val, yjJb: val.yjJb?.join(',') || '' };
   listQuery.value.startTime = val.startTime ? val.startTime[0] : ''
   listQuery.value.endTime = val.startTime ? val.startTime[1] : ''
-  listQuery.value.sfglyj = val.sfglyj?.join(',') || ''
-  listQuery.value.sfgz = val.sfgz?.join(',') || ''
-  listQuery.value.sfzp = val.sfzp?.join(',') || ''
+  // listQuery.value.sfglyj = val.sfglyj?.join(',') || ''
+  // listQuery.value.sfgz = val.sfgz?.join(',') || ''
+  // listQuery.value.sfzp = val.sfzp?.join(',') || ''
   getList()
 }
 
@@ -416,7 +436,7 @@ const openBox = (val) => {
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 290;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 230;
   window.onresize = function () {
     tabHeightFn();
   };
@@ -477,8 +497,6 @@ const tabHeightFn = () => {
 }
 
 .tabBox_zdy {
-  .el-table--fit {
-    overflow: unset !important;
-  }
+  background-color: #fff;
 }
 </style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningList/vehicleWarning/index copy.vue b/src/views/backOfficeSystem/fourColorManage/warningList/vehicleWarning/index copy.vue
new file mode 100644
index 0000000..71d77c9
--- /dev/null
+++ b/src/views/backOfficeSystem/fourColorManage/warningList/vehicleWarning/index copy.vue	
@@ -0,0 +1,491 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox">
+      <Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount">
+        <template #yjRyxms>
+          <el-select clearable v-model="listQuery.yjRyxm" filterable remote allow-create
+            default-first-optionreserve-keyword placeholder="请输入布控人员" :remote-method="remoteMethod" :loading="loading"
+            style="width: 240px">
+            <el-option v-for="item in opentions" :key="item.rySfzh" :label="item.ryXm" :value="item.rySfzh" />
+          </el-select>
+        </template>
+      </Search>
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="exportExl">导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs" v-if="permission_sfqs">批量签收</el-button>
+      </template>
+    </PageTitle>
+
+    <!-- 表格 -->
+    <div class="tabBox tabBox_zdy">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" expand
+        @chooseData="handleChooseData" :rowClassName="getRowClassName">
+        <template #expand="{ props }">
+          <Items :row="props" />
+        </template>
+        <template #yjTp="{ row }">
+          <template v-if="!row.yjTp || row.yjTp.includes('baidu')">
+            <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
+            <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
+          </template>
+          <el-image v-else style="width: 30px; height:30px" :src="row.yjTp" :preview-src-list="[row.yjTp]"
+            show-progress>
+            <template #error>
+              <div class="image-slot error">
+                <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
+                <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
+              </div>
+            </template>
+          </el-image>
+        </template>
+
+        <template #nl="{ row }">
+          {{ IdCard(row.yjRysfzh, 3) }}
+        </template>
+        <template #xb="{ row }">
+          {{ IdCard(row.yjRysfzh, 2) }}
+        </template>
+        <template #xsd="{ row }">
+          {{ row.xsd }}%
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag v-model:value="row.yjLylx" :options="D_BZ_YJLY" />
+        </template>
+        <template #czzt="{ row }">
+          <DictTag v-model:value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #yjJb="{ row }">
+          <DictTag v-model:value="row.yjJb" :options="D_BZ_YJJB" />
+        </template>
+        <template #bkly="{ row }">
+          <DictTag v-model:value="row.bkly" :options="D_BZ_BKLYS" />
+        </template>
+        <template #bkczyq="{ row }">
+          <DictTag v-model:value="row.bkczyq" :options="D_GS_BK_CZYQ" />
+        </template>
+             <template #xtSjly="{ row }">
+         <span>{{ row.xtSjly==1?'PC':row.xtSjly==2?'移动端':'一张网' }}</span>
+        </template>
+
+        <template #cszt="{ row }">
+          <DictTag v-model:value="row.cszt" :options="D_GS_CSZT" />
+        </template>
+        <template #zkzt="{ row }">
+          <DictTag v-model:value="row.zkzt" :options="D_GS_BKZT" />
+        </template>
+        <!-- 操作 -->
+        <template #controls="{ row }">
+          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
+          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
+          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link> -->
+          <!-- <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
+          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
+          <el-link type="success" @click="handleQsFk(row, '反馈')"
+            v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
+          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
+          <el-link type="primary" @click="openBox(row)">详情</el-link>
+          <el-link type="primary" @click="pushWarning(row)">指派</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight"
+        :pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }">
+      </Pages>
+    </div>
+
+  </div>
+
+  <HolographicArchive v-model="assessShow" :dataList="dataList" />
+
+  <Information v-model="showDialog" title="发送指令" @submit='submitSendZl' @close='closeFszl'>
+    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj"
+      :tacitly="tacitly" />
+  </Information>
+
+  <!-- 详情 -->
+  <AddFromz ref="addFromRefs" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_BZ_YJLYXT }" />
+  <!-- 处置建议 -->
+  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
+  <!-- 指派 -->
+  <ZpForm v-model="warningShow" :dataList="dataList" />
+  <!-- 反馈 -->
+  <FkDialog @change="getList" />
+   <Particulars v-model="particularsShow" :dataList="dataPres" :dict="{D_BZ_XB,D_BZ_YJJB,D_GS_QLZDRLX,D_GS_ZDR_RYJB,D_GS_ZDR_GJLB,D_GS_BK_CZYQ}" />
+</template>
+
+<script setup>
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import emitter from "@/utils/eventBus.js";
+import { getItem, setItem } from '@/utils/storage'
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import { getMultiDictVal } from "@/utils/dict.js"
+import { tbYjxxGetPageList } from '@/api/yj.js'
+import { IdCard } from '@/utils/validate.js'
+import { tbGsxtZdrySelectList } from "@/api/zdr.js"
+import { holographicProfileJump } from "@/utils/tools.js"
+import Items from './item/items.vue'
+import HolographicArchive from '@/views/home/components/holographicArchive.vue'
+import Information from "@/views/home/model/information.vue";
+import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
+import ZpForm from "@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/zpForm.vue";
+import Czjy from './components/czjy.vue';
+import AddFromz from './components/addFrom.vue';
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import Particulars from './components/particulars.vue'
+const ORDIMG = 'https://89.40.7.122:38496/image'
+const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
+const { proxy } = getCurrentInstance();
+const { D_GSXT_YJXX_CZZT, D_GS_QLZDRLX,
+  D_BZ_XB,
+  D_BZ_BKLYS, D_BZ_YJJB, D_BZ_YJLYXT, D_GS_BKZT, D_BZ_SF,
+  D_BZ_YJLY, D_GS_CSZT, D_GS_BK_CZYQ } = proxy.$dict("D_GSXT_YJXX_CZZT", 'D_GS_QLZDRLX ', "D_GS_BKZT", "D_BZ_SF",
+    "D_BZ_YJJB", "D_BZ_YJLYXT", "D_BZ_YJLY", "D_BZ_XB", "D_BZ_BKLYS", "D_GS_CSZT", "D_GS_BK_CZYQ")
+const searchBox = ref(); //搜索框
+const roleCode = ref(false)
+const czjyRef = ref()
+const itemData = ref()
+const semdFqzlRef = ref()
+const warningShow = ref(false)
+const dataList = ref([])
+const showDialog = ref(false)// 发送指令
+const assessShow = ref(false)// 全息档案
+const searchConfiger = ref(
+  [
+    { label: "布控开始时间", prop: 'bkkssj', showType: "date", placeholder: "请选择布控开始时间" },
+    { label: "布控结束时间", prop: 'bkjssj', showType: "date", placeholder: "请选择布控结束时间" },
+    { label: "预警时间", prop: 'startTime', showType: "datetimerange", placeholder: "请选择预警时间" },
+    { label: "预警级别", prop: 'yjJb', showType: "select", options: D_BZ_YJJB, placeholder: "请选择预警级别", multiple: true },
+    { label: "布控来源", prop: 'bkly', showType: "select", options: D_BZ_BKLYS, placeholder: "请选择布控来源" },
+    { label: "布控范围", prop: 'bkfw', showType: "input", placeholder: "请输入布控范围" },
+    { label: "布控单位", prop: 'gkbmdm', showType: "department", placeholder: "请选择布控单位" },
+    { label: "所属单位", prop: 'ssbmdm', showType: "department", placeholder: "请选择所属单位" },
+    { label: "签收状态", prop: 'czzt', showType: "select", options: D_GSXT_YJXX_CZZT },
+    { label: "超时状态", prop: 'cszt', placeholder: "请选择超时状态", showType: "select", options: D_GS_CSZT },
+    { label: "布控状态", prop: 'zkzt', showType: "select", options: D_GS_BKZT, placeholder: "请选择布控状态" },
+    { label: "跨地区", prop: 'sflksd', showType: "select", options: D_BZ_SF, placeholder: "请选择是否跨地区" },
+    { label: "车牌号", prop: 'yjClcph', showType: "input", placeholder: "请输入车牌号" },
+    { label: "预警内容", prop: 'yjNr', showType: "input", placeholder: "请输入预警内容" },
+    // { label: "车牌号", prop: 'yjClcph', showType: "input", placeholder: "请输入车牌号",  },
+    // { label: "预警时间", prop: 'times', showType: "datetimerange" },
+    // { label: "状态", prop: 'czzt', placeholder: "请选择状态", showType: "select", options: D_GSXT_YJXX_CZZT },
+    // { label: "预警级别", prop: 'yjJb', placeholder: "请选择预警级别", showType: "select", options: D_BZ_YJJB },
+    // { label: "细类", prop: 'yjbqmc', placeholder: "请输入细类", showType: "input" },
+    // { label: "活动发生地址", prop: 'yjDz', placeholder: "请输入活动发生地址", showType: "input" },
+    // { label: "接收单位", prop: 'ssbmdm',showType: "department" },
+  ]);
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false,
+    haveControls: true
+  },
+
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 180, //操作栏宽度
+  tableColumn: [
+    { label: "预警图片", prop: "yjTp", showSolt: true, width: 100 },
+    { label: "状态", prop: "czzt", showSolt: true, width: 80 },
+    { label: "车牌号", prop: "yjClcph", showOverflowTooltip: true },
+    { label: "预警级别", prop: "yjJb", showSolt: true },
+    { label: "布控单位", prop: "gkbmmc", showOverflowTooltip: true },
+    { label: "布控来源", prop: "bkly", showOverflowTooltip: true, showSolt: true },
+    { label: "布控范围", prop: "bkfw", showOverflowTooltip: true },
+    { label: "布控开始时间", prop: "bkkssj", showOverflowTooltip: true },
+    { label: "布控结束时间", prop: "bkjssj", showOverflowTooltip: true },
+    { label: "处置要求", prop: "bkczyq", showOverflowTooltip: true, showSolt: true },
+    { label: "内容", prop: "yjNr", showOverflowTooltip: true },
+    { label: "所属部门", prop: "ssbm", showOverflowTooltip: true },
+    { label: "数据来源", prop: "xtSjly", showSolt: true },
+    { label: "超时状态", prop: "cszt", showSolt: true },
+    { label: "在控状态", prop: "zkzt", showSolt: true},
+  ]
+});
+const addFromRefs = ref()
+const listQuery = ref({})
+const opentions = ref([])
+const loading = ref(false)
+const selectRows = ref([])
+const permission_sfqs = ref(false)
+
+onMounted(() => {
+  let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
+  permission_sfqs.value = str.startsWith('2' || '3') ? false : true;
+
+  let rols = getItem('roleList') ? getItem('roleList') : []
+  let obj = rols.find(item => {
+    return ['JS_666666', 'JS_777777', 'JS_888888'].includes(item.roleCode)
+  })
+  roleCode.value = obj ? true : false;
+
+  tabHeightFn();
+  getList()
+});
+// 搜索
+const onReset = () => {
+  listQuery.value.yjRyxm = ''
+}
+const onSearch = (val) => {
+  listQuery.value = { ...listQuery.value, ...val };
+  listQuery.value = { ...val, yjJb: val.yjJb?.join(',') || '' }
+  listQuery.value.startTime = val.startTime ? val.startTime[0] : ''
+  listQuery.value.endTime = val.startTime ? val.startTime[1] : ''
+  getList()
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  const promes = {
+    ...listQuery.value,
+    yjLx: '2', // 车辆预警
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize
+  }
+  delete promes.times;
+  tbYjxxGetPageList(promes).then((res) => {
+    pageData.tableData = res.records.map(item => {
+      return {
+        ...item,
+        yjTp: item.yjlx == '01' ? item.yjTpreplace(ORDIMG, IMGYM) : item.yjTp
+      }
+    }) || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  })
+}
+
+
+
+const remoteMethod = (query) => {
+  if (!query) return opentions.value = [];
+  loading.value = true
+  tbGsxtZdrySelectList({ ryXm: query }).then(res => {
+    opentions.value = res || [];
+    loading.value = false;
+  }).catch(() => {
+    loading.value = false
+  })
+}
+
+// 根据预警级别设置行样式
+const getRowClassName = (row) => {
+  if (!row.row.yjJb) return '';
+  const level = String(row.row.yjJb);
+  if (level === '01' || level.includes('红') || level.includes('高')) return 'warning-level-01';
+  if (level === '02' || level.includes('橙') || level.includes('中')) return 'warning-level-02';
+  if (level === '03' || level.includes('黄') || level.includes('低')) return 'warning-level-03';
+  if (level === '04' || level.includes('蓝')) return 'warning-level-04';
+  return '';
+};
+
+// 处理签收
+const handleQsFk = (val, type) => {
+  switch (type) {
+    case '签收':
+      proxy.$confirm("是否确定要签收？", "警告", { type: "warning" }).then(() => {
+        qcckPost({ id: val.id }, "/mosty-gsxt/tbYjxx/yjqs").then(() => {
+          val.czzt = '02'
+          getList()
+          proxy.$message({ type: "success", message: "签收成功" });
+        });
+      })
+      break;
+    case '反馈':
+    case '查看反馈':
+      emitter.emit("openFkDialog", { id: val.id, type });
+      break;
+  }
+}
+
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+
+// 导出
+const exportExl = () => {
+  const titleObj = {
+    czzt_cname: "处置状态",
+    yjSj: "预警时间",
+    yjRyxm: "姓名",
+    nl_cname: "年龄", // IdCard(row.yjRysfzh, 3)
+    yjLylx: "数据来源",
+    xb_cname: "性别",
+    yjJb_cname: "预警级别",
+    xsd_cname: "相似度",
+    yjDz: "预警地点",
+    yjCs: "预警次数",
+    yjRysjh: "布控手机号",
+    yjClcph: "布控车牌号",
+    yjRysfzh: "身份证",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      nl_cname: IdCard(item.yjRysfzh, 3),
+      xb_cname: IdCard(item.yjRysfzh, 2),
+      xsd_cname: (item.xsd > 0 ? item.xsd : 0) + '%',
+      czzt_cname: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+      yjJb_cname: getMultiDictVal(item.yjJb, D_BZ_YJJB),
+    }
+  })
+  exportExlByObj(titleObj, data, '人像预警.xlsx')
+}
+
+const handleQs = () => {
+  if (selectRows.value?.length === 0) return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ ids }, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+
+// 全息档案跳转
+const pushAssess = (val) => {
+  return holographicProfileJump(val.yjLx, val)
+}
+
+const showDetail = (item) => {
+  showDialog.value = true;
+  itemData.value = item
+}
+const handleClose = () => {
+  showDialog.value = false;
+}
+
+const submitSendZl = () => {
+  semdFqzlRef.value.getsendFqzl()
+}
+const closeFszl = () => {
+  semdFqzlRef.value.close()
+}
+
+// 处置建议
+const handleCzjy = (row) => {
+  czjyRef.value.init(row)
+}
+
+// 详情
+const openAddFrom = (val) => {
+  addFromRefs.value.init('add', val)
+}
+
+
+// 指派
+const pushWarning = (val) => {
+  warningShow.value = true
+  dataList.value = val;
+}
+// 详情
+const particularsShow = ref(false)
+const dataPres = ref()
+const openBox = (val) => {
+    particularsShow.value = true
+  dataPres.value = val
+
+}
+
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 290;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+</script>
+
+<style lang="scss" scoped>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+::v-deep .el-table .cell {
+  padding: 0;
+}
+
+::v-deep .el-table .el-table__cell {
+  padding: 4px 0;
+}
+
+/* 预警级别行样式 */
+.warning-level-01 {
+  background-color: rgba(255, 2, 2, 0.1) !important;
+}
+
+.warning-level-01:hover {
+  background-color: rgba(255, 2, 2, 0.15) !important;
+}
+
+.warning-level-02 {
+  background-color: rgba(255, 140, 0, 0.1) !important;
+}
+
+.warning-level-02:hover {
+  background-color: rgba(255, 140, 0, 0.15) !important;
+}
+
+.warning-level-03 {
+  background-color: rgba(255, 210, 8, 0.1) !important;
+}
+
+.warning-level-03:hover {
+  background-color: rgba(255, 210, 8, 0.15) !important;
+}
+
+.warning-level-04 {
+  background-color: rgba(0, 0, 255, 0.1) !important;
+}
+
+.warning-level-04:hover {
+  background-color: rgba(0, 0, 255, 0.15) !important;
+}
+
+/* 确保行样式应用到所有单元格 */
+.warning-level-01 td,
+.warning-level-02 td,
+.warning-level-03 td,
+.warning-level-04 td {
+  background-color: transparent !important;
+}
+
+.tabBox_zdy {
+  .el-table--fit {
+    overflow: unset !important;
+  }
+}
+</style>
diff --git a/src/views/backOfficeSystem/fourColorManage/warningList/vehicleWarning/index.vue b/src/views/backOfficeSystem/fourColorManage/warningList/vehicleWarning/index.vue
index 71d77c9..a44df20 100644
--- a/src/views/backOfficeSystem/fourColorManage/warningList/vehicleWarning/index.vue
+++ b/src/views/backOfficeSystem/fourColorManage/warningList/vehicleWarning/index.vue
@@ -2,31 +2,20 @@
   <div>
     <!-- 搜索 -->
     <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount">
-        <template #yjRyxms>
-          <el-select clearable v-model="listQuery.yjRyxm" filterable remote allow-create
-            default-first-optionreserve-keyword placeholder="请输入布控人员" :remote-method="remoteMethod" :loading="loading"
-            style="width: 240px">
-            <el-option v-for="item in opentions" :key="item.rySfzh" :label="item.ryXm" :value="item.rySfzh" />
-          </el-select>
+      <QueryFormPanel v-model="listQuery" :fields="searchConfiger" @search='onSearch'>
+        <template #but>
+          <el-button type="primary" size="small" @click="exportExl">导出</el-button>
+          <el-button type="primary" size="small" @click="handleQs" v-if="permission_sfqs">批量签收</el-button>
         </template>
-      </Search>
+      </QueryFormPanel>
+
     </div>
-    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
-      <template #left>
-        <el-button type="primary" size="small" @click="exportExl">导出</el-button>
-        <el-button type="primary" size="small" @click="handleQs" v-if="permission_sfqs">批量签收</el-button>
-      </template>
-    </PageTitle>
 
     <!-- 表格 -->
-    <div class="tabBox tabBox_zdy">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" expand
-        @chooseData="handleChooseData" :rowClassName="getRowClassName">
-        <template #expand="{ props }">
-          <Items :row="props" />
-        </template>
+    <div class=" tabBox_zdy">
+      <WarnDataTable :loading="pageData.tableConfiger.loading" :tableHeight="pageData.tableHeight"
+        :data="pageData.tableData" :columns="pageData.tableColumn" table-class="warn-table"
+        @selectionChange="handleChooseData">
         <template #yjTp="{ row }">
           <template v-if="!row.yjTp || row.yjTp.includes('baidu')">
             <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
@@ -42,55 +31,48 @@
             </template>
           </el-image>
         </template>
-
-        <template #nl="{ row }">
-          {{ IdCard(row.yjRysfzh, 3) }}
+        <template #czzt="{ row }">
+          <DictTag :value="row.czzt" :color="row.czzt === '01' ? '#ff2424' : '#1d72e8'" :tag="false"
+            :options="D_GSXT_YJXX_CZZT" />
         </template>
-        <template #xb="{ row }">
-          {{ IdCard(row.yjRysfzh, 2) }}
+        <template #xbdm="{ row }">
+          <DictTag :value="row.xbdm" :tag="false" :options="D_BZ_XB" />
+        </template>
+        <template #yjJb="{ row }">
+          <div :style="{ 'background-color': bqYs(row.yjJb) }">
+            <DictTag :value="row.yjJb" color="#fff" :tag="false" :options="D_BZ_YJJB" />
+          </div>
+        </template>
+        <template #bkly="{ row }">
+          <DictTag :value="row.bkly" :tag="false" :options="D_BZ_YJLY" />
+        </template>
+        <template #bkczyq="{ row }">
+          <DictTag :value="row.bkczyq" :tag="false" :options="D_GS_BK_CZYQ" />
         </template>
         <template #xsd="{ row }">
           {{ row.xsd }}%
         </template>
         <template #yjLylx="{ row }">
-          <DictTag v-model:value="row.yjLylx" :options="D_BZ_YJLY" />
+          <DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
         </template>
-        <template #czzt="{ row }">
-          <DictTag v-model:value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
-        </template>
-        <template #yjJb="{ row }">
-          <DictTag v-model:value="row.yjJb" :options="D_BZ_YJJB" />
-        </template>
-        <template #bkly="{ row }">
-          <DictTag v-model:value="row.bkly" :options="D_BZ_BKLYS" />
-        </template>
-        <template #bkczyq="{ row }">
-          <DictTag v-model:value="row.bkczyq" :options="D_GS_BK_CZYQ" />
-        </template>
-             <template #xtSjly="{ row }">
-         <span>{{ row.xtSjly==1?'PC':row.xtSjly==2?'移动端':'一张网' }}</span>
-        </template>
-
         <template #cszt="{ row }">
-          <DictTag v-model:value="row.cszt" :options="D_GS_CSZT" />
+          <DictTag :value="row.cszt" :tag="false" :options="D_GS_CSZT" />
         </template>
-        <template #zkzt="{ row }">
-          <DictTag v-model:value="row.zkzt" :options="D_GS_BKZT" />
+        <template #operation="{ row }">
+          <div style="display: flex;justify-content: space-between;">
+            <span class="warning" @click="pushAssess(row)">全息档案</span>
+            <span class="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</span>
+            <!-- <span type="primary" @click="showDetail(row)">转合成</span> -->
+            <!-- <span type="danger" @click="delDictItem(row.id)">转会商</span> -->
+            <span class="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</span>
+            <span class="success" @click="handleQsFk(row, '反馈')"
+              v-else-if="row.czzt == '02' && permission_sfqs">反馈</span>
+            <!-- <span type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</span> -->
+            <span class="primary" @click="openBox(row)">详情</span>
+            <span class="primary" @click="pushWarning(row)">指派</span>
+          </div>
         </template>
-        <!-- 操作 -->
-        <template #controls="{ row }">
-          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
-          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link> -->
-          <!-- <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
-          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
-          <el-link type="success" @click="handleQsFk(row, '反馈')"
-            v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
-          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
-          <el-link type="primary" @click="openBox(row)">详情</el-link>
-          <el-link type="primary" @click="pushWarning(row)">指派</el-link>
-        </template>
-      </MyTable>
+      </WarnDataTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight"
         :pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }">
       </Pages>
@@ -113,7 +95,8 @@
   <ZpForm v-model="warningShow" :dataList="dataList" />
   <!-- 反馈 -->
   <FkDialog @change="getList" />
-   <Particulars v-model="particularsShow" :dataList="dataPres" :dict="{D_BZ_XB,D_BZ_YJJB,D_GS_QLZDRLX,D_GS_ZDR_RYJB,D_GS_ZDR_GJLB,D_GS_BK_CZYQ}" />
+  <Particulars v-model="particularsShow" :dataList="dataPres"
+    :dict="{ D_BZ_XB, D_BZ_YJJB, D_GS_QLZDRLX, D_GS_ZDR_RYJB, D_GS_ZDR_GJLB, D_GS_BK_CZYQ }" />
 </template>
 
 <script setup>
@@ -125,20 +108,20 @@ import { getMultiDictVal } from "@/utils/dict.js"
 import { tbYjxxGetPageList } from '@/api/yj.js'
 import { IdCard } from '@/utils/validate.js'
 import { tbGsxtZdrySelectList } from "@/api/zdr.js"
+import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
 import { holographicProfileJump } from "@/utils/tools.js"
-import Items from './item/items.vue'
+import WarnDataTable from '@/views/backOfficeSystem/ces/components/WarnDataTable.vue'
+import QueryFormPanel from "@/views/backOfficeSystem/ces/components/QueryFormPanel.vue";
 import HolographicArchive from '@/views/home/components/holographicArchive.vue'
 import Information from "@/views/home/model/information.vue";
 import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
 import ZpForm from "@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/zpForm.vue";
 import Czjy from './components/czjy.vue';
 import AddFromz from './components/addFrom.vue';
-import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
-import PageTitle from "@/components/aboutTable/PageTitle.vue";
-import Search from "@/components/aboutTable/Search.vue";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
 import Particulars from './components/particulars.vue'
+import { bqYs } from '@/utils/tools.js'
 const ORDIMG = 'https://89.40.7.122:38496/image'
 const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
 const { proxy } = getCurrentInstance();
@@ -172,46 +155,37 @@ const searchConfiger = ref(
     { label: "跨地区", prop: 'sflksd', showType: "select", options: D_BZ_SF, placeholder: "请选择是否跨地区" },
     { label: "车牌号", prop: 'yjClcph', showType: "input", placeholder: "请输入车牌号" },
     { label: "预警内容", prop: 'yjNr', showType: "input", placeholder: "请输入预警内容" },
-    // { label: "车牌号", prop: 'yjClcph', showType: "input", placeholder: "请输入车牌号",  },
-    // { label: "预警时间", prop: 'times', showType: "datetimerange" },
-    // { label: "状态", prop: 'czzt', placeholder: "请选择状态", showType: "select", options: D_GSXT_YJXX_CZZT },
-    // { label: "预警级别", prop: 'yjJb', placeholder: "请选择预警级别", showType: "select", options: D_BZ_YJJB },
-    // { label: "细类", prop: 'yjbqmc', placeholder: "请输入细类", showType: "input" },
-    // { label: "活动发生地址", prop: 'yjDz', placeholder: "请输入活动发生地址", showType: "input" },
-    // { label: "接收单位", prop: 'ssbmdm',showType: "department" },
   ]);
 const pageData = reactive({
   tableData: [], //表格数据
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
-    showSelectType: "null",
     loading: false,
     haveControls: true
   },
-
   total: 0,
   pageConfiger: {
     pageSize: 20,
     pageCurrent: 1
   }, //分页
-  controlsWidth: 180, //操作栏宽度
   tableColumn: [
-    { label: "预警图片", prop: "yjTp", showSolt: true, width: 100 },
-    { label: "状态", prop: "czzt", showSolt: true, width: 80 },
-    { label: "车牌号", prop: "yjClcph", showOverflowTooltip: true },
-    { label: "预警级别", prop: "yjJb", showSolt: true },
-    { label: "布控单位", prop: "gkbmmc", showOverflowTooltip: true },
-    { label: "布控来源", prop: "bkly", showOverflowTooltip: true, showSolt: true },
-    { label: "布控范围", prop: "bkfw", showOverflowTooltip: true },
-    { label: "布控开始时间", prop: "bkkssj", showOverflowTooltip: true },
-    { label: "布控结束时间", prop: "bkjssj", showOverflowTooltip: true },
-    { label: "处置要求", prop: "bkczyq", showOverflowTooltip: true, showSolt: true },
-    { label: "内容", prop: "yjNr", showOverflowTooltip: true },
-    { label: "所属部门", prop: "ssbm", showOverflowTooltip: true },
-    { label: "数据来源", prop: "xtSjly", showSolt: true },
-    { label: "超时状态", prop: "cszt", showSolt: true },
-    { label: "在控状态", prop: "zkzt", showSolt: true},
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { label: '照片', width: 50, align: 'center', slotName: 'yjTp' },
+    { label: "处置状态", align: 'center', width: 70, slotName: 'czzt' },
+    { label: "车牌号", prop: "yjClcph", align: 'center', width: 80 },
+    { label: '预警级别', width: 70, align: 'center', slotName: 'yjJb' },
+    { label: "布控单位", prop: "gkbmmc", align: 'center' },
+    { label: "布控来源", align: 'center', slotName: 'bkly', width: 70 },
+    { prop: 'bkfw', label: "布控范围", align: 'center', width: 70 },
+    { prop: 'bkkssj', label: "布控开始时间", align: 'center' },
+    { prop: 'bkjssj', label: "布控结束时间", align: 'center' },
+    { label: "处置要求", width: 70, slotName: 'bkczyq', align: 'center' },
+    { label: "预警内容", prop: "yjNr", align: 'center' },
+    { label: "数据来源", width: 70, align: 'center', slotName: 'yjLylx' },
+    { label: '操作', width: 180, slotName: 'operation' },
+    { label: '超时状态', width: 80, align: 'center', slotName: 'cszt' },
+    { label: "在控状态", width: 70, align: 'center', slotName: "zkzt" },
   ]
 });
 const addFromRefs = ref()
@@ -414,7 +388,7 @@ const pushWarning = (val) => {
 const particularsShow = ref(false)
 const dataPres = ref()
 const openBox = (val) => {
-    particularsShow.value = true
+  particularsShow.value = true
   dataPres.value = val
 
 }
@@ -422,7 +396,7 @@ const openBox = (val) => {
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 290;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 230;
   window.onresize = function () {
     tabHeightFn();
   };
@@ -484,8 +458,6 @@ const tabHeightFn = () => {
 }
 
 .tabBox_zdy {
-  .el-table--fit {
-    overflow: unset !important;
-  }
+  background-color: #fff;
 }
 </style>
diff --git a/src/views/backOfficeSystem/goingJob/addForm.vue b/src/views/backOfficeSystem/goingJob/addForm.vue
new file mode 100644
index 0000000..ca7b8e5
--- /dev/null
+++ b/src/views/backOfficeSystem/goingJob/addForm.vue
@@ -0,0 +1,256 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">{{ title }}完成情况</span>
+      <div>
+        <el-button type="primary" size="small" v-if="!disabled" :loading="loading" @click="submit">保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage ref="elform" :disabled="disabled" v-model="listQuery" :formList="formData" :rules="rules">
+      </FormMessage>
+      <div>
+        <div class="btn_box">
+          <el-button :disabled="disabled" type="primary" size="small" @click="openZdsjLod">打开今日完成情况列表</el-button>
+        </div>
+        <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="300"
+          :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger">
+          <template #controls="{ row }">
+            <el-link type="primary" :disabled="disabled" size="small" @click="openZdsjLod('edit', row)">编辑</el-link>
+            <el-link type="danger" :disabled="disabled" size="small" @click="deleteZdsjLodList(row.id)">删除</el-link>
+          </template>
+        </MyTable>
+      </div>
+      <div>
+        <div class="btn_box">
+          <el-button :disabled="disabled" type="primary" size="small" @click="openToDayContent">明日值班工作列表</el-button>
+        </div>
+        <MyTable :tableData="toDayJobList.tableData" :tableColumn="toDayJobList.tableColumn" :tableHeight="300"
+          :key="toDayJobList.keyCount" :tableConfiger="toDayJobList.tableConfiger">
+          <template #controls="{ row }">
+            <el-link type="primary" :disabled="disabled" size="small"
+              @click="openToDayContent('edit', row)">编辑</el-link>
+            <el-link type="danger" :disabled="disabled" size="small" @click="deleteToDayContent(row.id)">删除</el-link>
+          </template>
+        </MyTable>
+      </div>
+    </div>
+  </div>
+  <ZdsjLod v-model="zdsjLodShow" @addZdsjLodList="addZdsjLodList" :zdsjLod="zdsjLod" />
+  <ToDayContent v-model="toDayContentShow" @addZdsjLodList="addToDayLodList" :toDayContent="toDayContent" />
+</template>
+
+<script setup>
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, watch, onUnmounted } from "vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import ZdsjLod from "./zdsjLod.vue";
+import ToDayContent from "./toDayContent.vue";
+const emit = defineEmits(["getList"]);
+const { proxy } = getCurrentInstance();
+const dialogForm = ref(false); //弹窗
+const rules = reactive({
+  jrzbrXm: [{ required: true, message: "请输入今日值班人", trigger: "blur" }],
+  jrzbrLxdh: [{ required: true, message: "请输入今日值班电话", trigger: "blur" }],
+  mrzbrXm: [{ required: true, message: "请输入明日值班人", trigger: "blur" }],
+  mrzbrLxdh: [{ required: true, message: "请输入明日值班电话", trigger: "blur" }],
+  kssj: [{ required: true, message: "请选择开始时间", trigger: "blur" }],
+  jssj: [{ required: true, message: "请选择结束时间", trigger: "blur" }],
+  gzrq: [{ required: true, message: "请选择工作日期", trigger: "blur" }],
+});
+const listQuery = ref({}); //表单
+const formData = ref([
+  { label: "今日值班人", prop: "jrzbrXm", type: "input" },
+  { label: "今日值班电话", prop: "jrzbrLxdh", type: "input" },
+  { label: "明日值班人", prop: "mrzbrXm", type: "input" },
+  { label: "明日值班电话", prop: "mrzbrLxdh", type: "input" },
+  { label: "开始时间", prop: "kssj", type: "datetime" },
+  { label: "结束时间", prop: "jssj", type: "datetime" },
+  { label: "工作日期", prop: "gzrq", type: "date" },
+  { label: "备注", prop: "bz", type: "textarea", width: "100%" },
+
+]);
+const pageData = reactive({
+  tableData: [], //表格数据
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null", //选择类型
+  },
+  tableColumn: [
+    { label: "工作任务", prop: "grw", showOverflowTooltip: true },
+    { label: "完成情况", prop: "wcqk", showOverflowTooltip: true },
+    { label: "	来源", prop: "ly", showOverflowTooltip: true },
+    // { label: "序号", prop: "index", showOverflowTooltip: true },
+  ]
+});
+const toDayJobList = reactive({
+  tableData: [], //表格数据
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null", //选择类型
+  },
+  tableColumn: [
+    { label: "工作内容", prop: "gznr", showOverflowTooltip: true },
+  ]
+});
+const loading = ref(false);
+const elform = ref();
+const title = ref("");
+const disabled = ref(false);
+
+// 初始化数据
+const init = (type, row) => {
+  title.value = type == 'edit' ? '编辑' : type == 'add' ? '新增' : '详情'
+  dialogForm.value = true;
+  if (type != 'add') {
+    qcckGet({}, '/mosty-gsxt/gzqk/' + row.id).then(res => {
+      listQuery.value = res;
+      pageData.tableData = res.wcqkList || [];
+      toDayJobList.tableData = res.zbgzList || [];
+    });
+    if (type == 'detail') {
+      disabled.value = true;
+    } else {
+      disabled.value = false;
+    }
+  }
+};
+// 提交
+const submit = () => {
+  const promes = {
+    ...listQuery.value,
+    wcqkList: pageData.tableData,
+    zbgzList: toDayJobList.tableData,
+  }
+  elform.value.submit((data) => {
+    loading.value = true;
+    if (title.value == "新增") {
+      qcckPost(promes, '/mosty-gsxt/gzqk/addEntity').then(() => {
+        proxy.$message({ type: "success", message: title.value + "成功" });
+        emit("getList");
+        close();
+      }).catch(() => {
+      }).finally(() => {
+        loading.value = false;
+      });
+    } else {
+      qcckPut(promes, '/mosty-gsxt/gzqk/editEntity').then(() => {
+        proxy.$message({ type: "success", message: title.value + "成功" });
+        emit("getList");
+        close();
+      }).catch(() => {
+      }).finally(() => {
+        loading.value = false;
+      });
+    }
+
+  });
+};
+//打开今日完成情况列表
+const zdsjLodShow = ref();
+const zdsjLod = ref();
+const openZdsjLod = (type, row) => {
+  if (type == 'edit') {
+    console.log(row);
+    zdsjLod.value = { ...row };
+  }
+  zdsjLodShow.value = true;
+}
+const addZdsjLodList = (val) => {
+  const index = pageData.tableData.findIndex(v => v.id == val.id);
+  if (index != -1) {
+    pageData.tableData[index] = val;
+  } else {
+    pageData.tableData.push(val);
+  }
+}
+const deleteZdsjLodList = (id) => {
+  const index = pageData.tableData.findIndex(v => v.id == id);
+  if (index != -1) {
+    pageData.tableData.splice(index, 1);
+  }
+}
+// 打开明日值日列表
+const toDayContentShow = ref();
+const toDayContent = ref();
+const openToDayContent = (type, row) => {
+  if (type == 'edit') {
+    toDayContent.value = { ...row };
+  }
+  toDayContentShow.value = true;
+}
+const addToDayLodList = (val) => {
+  const index = toDayJobList.tableData.findIndex(v => v.id == val.id);
+  if (index != -1) {
+    toDayJobList.tableData[index] = val;
+  } else {
+    toDayJobList.tableData.push(val);
+  }
+}
+const deleteToDayContent = (id) => {
+  const index = toDayJobList.tableData.findIndex(v => v.id == id);
+  if (index != -1) {
+    toDayJobList.tableData.splice(index, 1);
+  }
+}
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  dialogForm.value = false;
+  loading.value = false;
+};
+
+onMounted(() => {
+});
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+  color: #0072ff;
+  background: rgba(0, 114, 255, 0.3);
+}
+
+.boxlist {
+  width: calc(99% - 50px);
+  margin-top: 10px;
+  overflow: hidden;
+}
+
+.depBox {
+  border: 1px solid #e9e9e9;
+  padding: 0 0 0 4px;
+  border-radius: 4px;
+  width: 100%;
+
+  .coolor {
+    color: #d3d3d3;
+  }
+
+}
+
+.zdy-taf {
+  width: 100%;
+  width: 100%;
+  min-height: 32px;
+  border: 1px solid #e9e9e9;
+  border-radius: 4px;
+  padding: 0px 5px;
+  box-sizing: border-box;
+}
+
+.map {
+  height: 520px;
+  margin-top: 10px;
+}
+
+.btn_box {
+  margin: 10px 0;
+}
+</style>
diff --git a/src/views/backOfficeSystem/goingJob/index.vue b/src/views/backOfficeSystem/goingJob/index.vue
new file mode 100644
index 0000000..ec68f09
--- /dev/null
+++ b/src/views/backOfficeSystem/goingJob/index.vue
@@ -0,0 +1,175 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="handleAdd('add', null)">添加完成情况</el-button>
+        <el-button type="danger" size="small" @click="handleRow()">批量删除</el-button>
+      </template>
+    </PageTitle>
+    <!-- 按钮组 -->
+    <div class="content">
+      <!-- 表格 -->
+      <div class="tabBox">
+        <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+          :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+          @chooseData="handleChooseData">
+          <!-- 操作 -->
+          <template #sjzt="{ row }">
+            <DictTag :tag="false" :value="row.sjzt" :options="D_BZ_ZDSJCZJG" />
+          </template>
+          <template #controls="{ row }">
+            <el-link type="primary" size="small" @click="handleAdd('edit', row)">编辑</el-link>
+            <el-link type="primary" size="small" @click="handleAdd('detail', row)">详情</el-link>
+            <el-link type="danger" size="small" @click="handleRow(row.id)">删除</el-link>
+          </template>
+        </MyTable>
+        <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+          ...pageData.pageConfiger,
+          total: pageData.total
+        }"></Pages>
+      </div>
+    </div>
+  </div>
+  <AddForm ref="addForm" @getList="getList" :dict="{ D_BZ_ZDSJCZJG }" />
+
+</template>
+<script setup>
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import AddForm from "./addForm.vue";
+const { proxy } = getCurrentInstance();
+const { D_BZ_ZDSJCZJG } = proxy.$dict("D_BZ_ZDSJCZJG"); //获取字典数据
+const searchBox = ref(); //搜索框
+const searchConfiger = ref([
+  {
+    label: "今日值班人",
+    prop: "jrzbrXm",
+    placeholder: "请输入今日值班人",
+    showType: "input",
+  },
+  {
+    label: "明日值班人",
+    prop: "mrzbrXm",
+    placeholder: "请输入明日值班人",
+    showType: "input",
+  }, {
+    label: "开始时间",
+    prop: "startTime",
+    placeholder: "请选择开始时间",
+    showType: "datetimerange",
+  },
+
+]);
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkbox", //选择类型
+    loading: false
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+
+  controlsWidth: 250, //操作栏宽度
+  tableColumn: [
+    { label: "今日值班人", prop: "jrzbrXm", showOverflowTooltip: true },
+    { label: "今日值班电话", prop: "jrzbrLxdh", showOverflowTooltip: true },
+    { label: "明日值班人", prop: "mrzbrXm", showOverflowTooltip: true },
+    { label: "明日值班电话", prop: "mrzbrLxdh", showOverflowTooltip: true },
+    { label: "开始时间", prop: "kssj", showOverflowTooltip: true },
+    { label: "结束时间", prop: "jssj" },
+    { label: "工作日期", prop: "gzrq" },
+    { label: "所属部门", prop: "ssbm" },
+  ]
+});
+onMounted(() => {
+  getList();
+  tabHeightFn();
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = {
+    ...val,
+    startTime: val.startTime ? val.startTime[0] : '',
+    endTime: val.startTime ? val.startTime[1] : ''
+  };
+  pageData.pageConfiger.pageCurrent = 1;
+  getList();
+};
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList();
+};
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList();
+};
+
+// 获取列表
+const getList = () => {
+  const promes = {
+    ...pageData.pageConfiger,
+    ...queryFrom.value,
+  }
+  qcckGet(promes, "/mosty-gsxt/gzqk/getPageList").then((res) => {
+    pageData.tableData = res.records || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  });
+};
+
+// 删除
+const ids = ref([])
+const handleChooseData = (val) => {
+  ids.value = val.map(item => item.id)
+}
+const handleRow = (id) => {
+  const promes = {
+    ids: id ? [id] : ids.value
+  }
+  proxy.$confirm("确定要删除？", "警告", { type: "warning" }).then(() => {
+    qcckDelete(promes, "/mosty-gsxt/gzqk/deleteEntity").then(() => {
+      proxy.$message({ type: "success", message: "删除成功" });
+      getList();
+    });
+  })
+};
+const addForm = ref(null);
+const handleAdd = (type, row) => {
+  addForm.value.init(type, row);
+};
+
+
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+</script>
+
+<style lang="scss" scoped>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>
diff --git a/src/views/backOfficeSystem/goingJob/toDayContent.vue b/src/views/backOfficeSystem/goingJob/toDayContent.vue
new file mode 100644
index 0000000..fffaee3
--- /dev/null
+++ b/src/views/backOfficeSystem/goingJob/toDayContent.vue
@@ -0,0 +1,62 @@
+<template>
+  <el-dialog :model-value="modelValue" :title="title" width="40%" @close="closeDialog" destroy-on-close append-to-body
+    :close-on-click-modal="false">
+    <div style="width: 100%;height:150px;">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+      </FormMessage>
+    </div>
+    <template #footer>
+      <div class="flex just-center">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="submitForm">确认</el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+
+</template>
+<script setup>
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { ref, reactive, onMounted, watch, onUnmounted, getCurrentInstance } from 'vue'
+import {generateRandom10Digits} from "@/utils/tools";
+const { proxy } = getCurrentInstance()
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  toDayContent: {
+    type: Object,
+    default: () => ({})
+  }
+});
+const listQuery = ref({})
+const elform = ref()
+const emit = defineEmits(["update:modelValue", "addZdsjLodList"]);
+const title = ref("明日工作内容");
+const formData = ref([
+  { label: "工作内容", prop: "gznr", type: "textarea" ,width: "100%" },
+]);
+const rules = reactive({
+  gznr: [{ required: true, message: "请输入工作内容", trigger: "blur" }],
+});
+
+const closeDialog = () => {
+  elform.value.reset()
+  // 关闭对话框时移除事件监听器
+  emit("update:modelValue", false);
+
+};
+watch(() => props.modelValue, (newVal) => {
+  if (newVal) {
+    listQuery.value = { ...props.toDayContent }
+  }
+})
+const submitForm = () => {
+  elform.value.submit((val) => {
+    emit("addZdsjLodList", {...listQuery.value,id:listQuery.value.id?listQuery.value.id:generateRandom10Digits()})
+    closeDialog()
+  })
+};
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/backOfficeSystem/goingJob/zdsjLod.vue b/src/views/backOfficeSystem/goingJob/zdsjLod.vue
new file mode 100644
index 0000000..52b0159
--- /dev/null
+++ b/src/views/backOfficeSystem/goingJob/zdsjLod.vue
@@ -0,0 +1,66 @@
+<template>
+  <el-dialog :model-value="modelValue" :title="title" width="40%" @close="closeDialog" destroy-on-close append-to-body
+    :close-on-click-modal="false">
+    <div style="width: 100%;height: 300px;">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+      </FormMessage>
+    </div>
+    <template #footer>
+      <div class="flex just-center">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="submitForm">确认</el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+
+</template>
+<script setup>
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { ref, reactive, onMounted, watch, onUnmounted, getCurrentInstance } from 'vue'
+import {generateRandom10Digits} from "@/utils/tools";
+const { proxy } = getCurrentInstance()
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },zdsjLod: {
+    type: Object,
+    default: () => ({})
+  }
+});
+const listQuery = ref({})
+const elform = ref()
+const emit = defineEmits(["update:modelValue", "addZdsjLodList"]);
+const title = ref("今日完成情况列表");
+const formData = ref([{ label: "工作任务", prop: "grw", type: "input" },
+{ label: "来源", prop: "ly", type: "textarea", width: "100%" },
+{ label: "完成情况", prop: "wcqk", type: "textarea", width: "100%" },]);
+const rules = reactive({
+    // xh: [{ required: true, message: "请输入序号", trigger: "blur" }],
+  grw: [{ required: true, message: "请输入工作任务", trigger: "blur" }],
+  ly: [{ required: true, message: "请输入工作来源", trigger: "blur" }],
+  wcqk: [{ required: true, message: "请输入完成情况", trigger: "blur" }],
+});
+watch(() => props.modelValue, (newVal) => {
+  if (newVal) {
+    listQuery.value = { ...props.zdsjLod }
+  }
+})
+
+
+const closeDialog = () => {
+  elform.value.reset()
+  // 关闭对话框时移除事件监听器
+  emit("update:modelValue", false);
+
+};
+
+const submitForm = () => {
+  elform.value.submit((val) => {
+      emit("addZdsjLodList", {...listQuery.value,id:listQuery.value.id?listQuery.value.id:generateRandom10Digits()})
+    closeDialog()
+  })
+};
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/backOfficeSystem/policeManagement/addForm.vue b/src/views/backOfficeSystem/policeManagement/addForm.vue
new file mode 100644
index 0000000..a34c586
--- /dev/null
+++ b/src/views/backOfficeSystem/policeManagement/addForm.vue
@@ -0,0 +1,178 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">{{ title }}事件</span>
+      <div>
+        <el-button type="primary" size="small" v-if="!disabled" :loading="loading" @click="submit">保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage ref="elform" :disabled="disabled" v-model="listQuery" :formList="formData" labelWidth="100px"
+        :rules="rules">
+      </FormMessage>
+      <div style="display: flex;justify-content: flex-end;margin-bottom: 10px;">
+        <el-button type="primary" style="margin-left: 10px;" @click="drawShape()">选择坐标</el-button>
+      </div>
+      <div style="height: 400px;width: 100%; position: absolute;">
+        <GdMap :mapid="'map-92'"></GdMap>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import * as rule from "@/utils/rules.js";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, watch, onUnmounted } from "vue";
+import GdMap from "@/components/GdMap/index.vue";
+import emitter from "@/utils/eventBus.js";
+const emit = defineEmits(["getList"]);
+const props = defineProps({
+  dict: {
+    type: Object,
+    default: () => ({})
+  }
+});
+
+const { proxy } = getCurrentInstance();
+
+const dialogForm = ref(false); //弹窗
+const rules = reactive({
+  sjbt: [{ required: true, message: "请输入事件标题", trigger: "blur" }],
+  shms: [{ required: true, message: "请输入事件描述", trigger: "blur" }],
+  jd: [{ required: true, message: "请输入经度", trigger: "blur" }],
+  wd: [{ required: true, message: "请输入纬度", trigger: "blur" }],
+});
+const listQuery = ref({
+  bqdlList: [],
+  bqxlList: [],
+}); //表单
+const formData = ref();
+watch(() => props.dict.D_BZ_ZDSJCZJG, (newVal) => {
+  if (newVal) {
+    formData.value = [
+      { label: "事件标题", prop: "sjbt", type: "input" },
+      // { label: "事件描述", prop: "shms", type: "input" },
+      { label: "事件性质", prop: "sjxz", type: "input" },
+      { label: "事件地址", prop: "sjdz", type: "input" },
+      // { label: "事件状态", prop: "sjzt", type: "select", options: props.dict.D_BZ_ZDSJCZJG },
+      { label: "事发时间", prop: "fssj", type: "datetime" },
+      { label: "事件描述", prop: "shms", type: "textarea", width: "100%" },
+      { label: "处置结果", prop: "czjg", type: "textarea", width: "100%" },
+      { label: "经度", prop: "jd", type: "input", disabled: true },
+      { label: "纬度", prop: "wd", type: "input", disabled: true },
+    ]
+  }
+}, { deep: true });
+const loading = ref(false);
+const elform = ref();
+const title = ref("");
+const disabled = ref(false);
+
+// 初始化数据
+const init = (type, row) => {
+  title.value = type == 'edit' ? '编辑' : type == 'add' ? '新增' : '详情'
+  dialogForm.value = true;
+  if (type != 'add') {
+    listQuery.value = row;
+    emitter.emit('addPointArea', { coords: [{ jd: row.jd, wd: row.wd }], icon: require("@/assets/point/zl.png"), flag: "zdsj" })
+  }
+  if (type == 'detail') {
+    disabled.value = true;
+  }
+};
+// 提交
+const submit = () => {
+  const promes = {
+    ...listQuery.value
+  }
+  elform.value.submit((data) => {
+    let url = title.value == "新增" ? "/mosty-gsxt/zdsj/addEntity" : "/mosty-gsxt/zdsj/updateEntity";
+    loading.value = true;
+    qcckPost(promes, url).then(() => {
+      loading.value = false;
+      proxy.$message({ type: "success", message: title.value + "成功" });
+      emit("getList");
+      close();
+    }).catch(() => {
+      loading.value = false;
+    });
+  });
+};
+
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  dialogForm.value = false;
+  loading.value = false;
+};
+
+
+onMounted(() => {
+  emitter.on("coordString", coordStringHandler);
+});
+const coordStringHandler = (res) => {
+  if (res.type === "point") {
+    listQuery.value.jd = res.coord[0];
+    listQuery.value.wd = res.coord[1];
+    emitter.emit('addPointArea', { coords: [{ jd: res.coord[0], wd: res.coord[1] }], icon: require("@/assets/point/zl.png"), flag: "zdsj" })
+    emitter.emit('setMapCenter', { location: [res.coord[0], res.coord[1]], zoomLevel: 15 })
+  }
+};
+const drawShape = () => {
+  emitter.emit("drawShape", {
+    flag: "zdsj",
+    type: "point",
+    isclear: true
+  });
+}
+onUnmounted(() => {
+  emitter.off("coordString", coordStringHandler);
+})
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+  color: #0072ff;
+  background: rgba(0, 114, 255, 0.3);
+}
+
+.boxlist {
+  width: calc(99% - 50px);
+  margin-top: 10px;
+  overflow: hidden;
+}
+
+.depBox {
+  border: 1px solid #e9e9e9;
+  padding: 0 0 0 4px;
+  border-radius: 4px;
+  width: 100%;
+
+  .coolor {
+    color: #d3d3d3;
+  }
+
+}
+
+.zdy-taf {
+  width: 100%;
+  width: 100%;
+  min-height: 32px;
+  border: 1px solid #e9e9e9;
+  border-radius: 4px;
+  padding: 0px 5px;
+  box-sizing: border-box;
+}
+
+.map {
+  height: 520px;
+  margin-top: 10px;
+}
+</style>
diff --git a/src/views/backOfficeSystem/policeManagement/index.vue b/src/views/backOfficeSystem/policeManagement/index.vue
new file mode 100644
index 0000000..00ec533
--- /dev/null
+++ b/src/views/backOfficeSystem/policeManagement/index.vue
@@ -0,0 +1,177 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="handleAdd('add', null)">添加事件</el-button>
+        <el-button type="danger" size="small" @click="handleRow()">批量删除</el-button>
+      </template>
+    </PageTitle>
+    <!-- 按钮组 -->
+    <div class="content">
+      <!-- 表格 -->
+      <div class="tabBox">
+        <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+          :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+          @chooseData="handleChooseData">
+          <!-- 操作 -->
+          <template #sjzt="{ row }">
+            <DictTag :tag="false" :value="row.sjzt" :options="D_BZ_ZDSJCZJG" />
+          </template>
+          <template #controls="{ row }">
+            <el-link type="primary" size="small" @click="handleAdd('edit', row)">编辑</el-link>
+            <el-link type="primary" size="small" @click="handleAdd('detail', row)">详情</el-link>
+            <el-link type="danger" size="small" @click="handleRow(row.id)">删除</el-link>
+          </template>
+        </MyTable>
+        <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+          ...pageData.pageConfiger,
+          total: pageData.total
+        }"></Pages>
+      </div>
+    </div>
+  </div>
+  <AddForm ref="addForm" @getList="getList" :dict="{D_BZ_ZDSJCZJG}" />
+</template>
+<script setup>
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import AddForm from "./addForm.vue";
+const { proxy } = getCurrentInstance();
+const { D_BZ_ZDSJCZJG } = proxy.$dict("D_BZ_ZDSJCZJG"); //获取字典数据
+const searchBox = ref(); //搜索框
+const searchConfiger = ref([
+  {
+    label: "事件标题",
+    prop: "sjbt",
+    placeholder: "请输入事件标题",
+    showType: "input",
+  },
+  {
+    label: "事件状态",
+    prop: "sjzt",
+    placeholder: "请选择事件状态",
+    showType: "select",
+    options: D_BZ_ZDSJCZJG
+  }, {
+    label: "开始时间",
+    prop: "startTime",
+    placeholder: "请选择开始时间",
+    showType: "datetimerange",
+  },
+
+]);
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkbox", //选择类型
+    loading: false
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+
+  controlsWidth: 250, //操作栏宽度
+  tableColumn: [
+    { label: "事件标题", prop: "sjbt", showOverflowTooltip: true },
+    { label: "事件地址", prop: "sjdz", showOverflowTooltip: true },
+    { label: "事件性质", prop: "sjxz", showOverflowTooltip: true },
+    { label: "事件描述", prop: "shms", showOverflowTooltip: true },
+    { label: "发生时间", prop: "fssj" },
+    { label: "处置结果", prop: "czjg", showOverflowTooltip: true },
+    { label: "事件状态", prop: "sjzt", showSolt: true },
+    { label: "所属部门", prop: "ssbm" },
+  ]
+});
+
+onMounted(() => {
+  getList();
+  tabHeightFn();
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = {
+    ...val,
+    startTime: val.startTime ? val.startTime[0] : '',
+    endTime: val.startTime ? val.startTime[1] : ''
+  };
+  pageData.pageConfiger.pageCurrent = 1;
+  getList();
+};
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList();
+};
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList();
+};
+
+// 获取列表
+const getList = () => {
+  const promes = {
+    ...pageData.pageConfiger,
+    ...queryFrom.value,
+  }
+  qcckGet(promes, "/mosty-gsxt/zdsj/selectPage").then((res) => {
+    pageData.tableData = res.records || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  });
+};
+
+// 删除
+const ids = ref([])
+const handleChooseData = (val) => {
+  ids.value = val.map(item => item.id)
+}
+const handleRow = (id) => {
+  const promes = {
+    ids: id ? [id] : ids.value
+  }
+  proxy.$confirm("确定要删除？", "警告", { type: "warning" }).then(() => {
+    qcckPost(promes, "/mosty-gsxt/zdsj/deletes").then(() => {
+      proxy.$message({ type: "success", message: "删除成功" });
+      getList();
+    });
+  })
+};
+// 事件操作
+const addForm = ref(null);
+const handleAdd = (type, row) => {
+addForm.value.init(type, row);
+};
+
+
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+</script>
+
+<style lang="scss" scoped>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>
diff --git a/src/views/backOfficeSystem/policeReport/components/editAddForm.vue b/src/views/backOfficeSystem/policeReport/components/editAddForm.vue
index 8b6fb46..1473118 100644
--- a/src/views/backOfficeSystem/policeReport/components/editAddForm.vue
+++ b/src/views/backOfficeSystem/policeReport/components/editAddForm.vue
@@ -21,14 +21,13 @@ const emit = defineEmits(["updateDate"]);
 const props = defineProps({
   dic: {
     type: Object,
-    default: () => {}
+    default: () => { }
   }
 });
 const { proxy } = getCurrentInstance();
 
 const dialogForm = ref(false); //弹窗
-const formData = ref( [
-
+const formData = ref([
   { label: "报警电话", prop: "bjdh", type: "input" },
   { label: "报警电话用户地址", prop: "bjdhyhdz", type: "input" },
   { label: "报警电话用户名", prop: "bjdhyhm", type: "input" },
@@ -36,7 +35,7 @@ const formData = ref( [
   { label: "报警人名称", prop: "bjrmc", type: "input" },
   { label: "报警人证件号码", prop: "bjrzjhm", type: "input" },
   { label: "报警时间", prop: "bjsj", type: "input" },
-  { label: "警情颜色", prop: "color", type: "select",options: props.dic.D_GS_SSYJ },
+  { label: "警情颜色", prop: "color", type: "select", options: props.dic.D_GS_SSYJ },
   { label: "管辖单位名称", prop: "gxdwmc", type: "input" },
   { label: "单位名称", prop: "jcjxtjsdwmc", type: "input" },
   { label: "接警单编号", prop: "jjdbh", type: "input" },
@@ -46,13 +45,13 @@ const formData = ref( [
   { label: "接警完成时间", prop: "jjwcsj", type: "input" },
   { label: "接警员编号", prop: "jjybh", type: "input" },
   { label: "接警员姓名", prop: "jjyxm", type: "input" },
-  { label: "警情标签", prop: "jqbq", type: "select",options: props.dic.D_BZ_JQBQ},
+  { label: "警情标签", prop: "jqbq", type: "select", options: props.dic.D_BZ_JQBQ },
   { label: "警情地址", prop: "jqdz", type: "input" },
   { label: "警情类别代码", prop: "jqlbdm", type: "select", options: props.dic.JQLB },
-  { label: "警情类型代码", prop: "jqlxdm", type: "select",options: props.dic.JQLX},
-  { label: "警情来源", prop: "jqly", type: "select",options: props.dic.D_BZ_JQLY},
-  { label: "警情细类代码", prop: "jqxldm", type: "select" ,options: props.dic.JQXL},
-  { label: "警情子类代码", prop: "jqzldm", type: "select" ,options: props.dic.JQZL},
+  { label: "警情类型代码", prop: "jqlxdm", type: "select", options: props.dic.JQLX },
+  { label: "警情来源", prop: "jqly", type: "select", options: props.dic.D_BZ_JQLY },
+  { label: "警情细类代码", prop: "jqxldm", type: "select", options: props.dic.JQXL },
+  { label: "警情子类代码", prop: "jqzldm", type: "select", options: props.dic.JQZL },
   { label: "报警内容", prop: "bjnr", type: "textarea", width: "100%" },
   { label: "补充接警内容", prop: "bcjjnr", type: "textarea", width: "100%" },
   { label: "被困人员情况说明", prop: "bkryqksm", type: "textarea", width: "100%" },
diff --git a/src/views/backOfficeSystem/workLogInfo/addForm.vue b/src/views/backOfficeSystem/workLogInfo/addForm.vue
new file mode 100644
index 0000000..b722ab6
--- /dev/null
+++ b/src/views/backOfficeSystem/workLogInfo/addForm.vue
@@ -0,0 +1,147 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">{{ title }}值班</span>
+      <div>
+        <el-button type="primary" size="small" v-if="!disabled" :loading="loading" @click="submit">保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage ref="elform" :disabled="disabled" v-model="listQuery" :formList="formData" labelWidth="100px"
+        :rules="rules">
+      </FormMessage>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import * as rule from "@/utils/rules.js";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, watch, onUnmounted } from "vue";
+const emit = defineEmits(["getList"]);
+const props = defineProps({
+  dict: {
+    type: Object,
+    default: () => ({})
+  }
+});
+
+const { proxy } = getCurrentInstance();
+const dialogForm = ref(false); //弹窗
+const rules = reactive({
+  zbrxm: [{ required: true, message: "请输入值班人姓名", trigger: "blur" }],
+  zbrq: [{ required: true, message: "请输入值班日期", trigger: "blur" }],
+  lxdh: [{ required: true, message: "请输入值班人联系电话", trigger: "blur" }],
+});
+const listQuery = ref({}); //表单
+const formData = ref([{ label: "值班人姓名", prop: "zbrxm", type: "input" },
+{ label: "值班日期", prop: "zbrq", type: "date" },
+{ label: "联系电话", prop: "lxdh", type: "input" },
+{ label: "备注", prop: "bz", type: "textarea", width: '100%' },]);
+const loading = ref(false);
+const elform = ref();
+const title = ref("");
+const disabled = ref(false);
+
+// 初始化数据
+const init = (type, row) => {
+  title.value = type == 'edit' ? '编辑' : type == 'add' ? '新增' : '详情'
+  dialogForm.value = true;
+  if (type != 'add') {
+    listQuery.value = row;
+    if (type == 'detail') {
+      disabled.value = true;
+    } else {
+      disabled.value = false;
+    }
+  }
+
+};
+// 提交
+const submit = () => {
+  const promes = {
+    ...listQuery.value,
+  }
+  elform.value.submit((data) => {
+    loading.value = true;
+    if (title.value == "新增") {
+      qcckPost(promes, '/mosty-gsxt/gzzbxx/addEntity').then(() => {
+        proxy.$message({ type: "success", message: title.value + "成功" });
+        emit("getList");
+        close();
+      }).catch(() => {
+      }).finally(() => {
+        loading.value = false;
+      });
+    } else {
+      qcckPut(promes, '/mosty-gsxt/gzzbxx/editEntity').then(() => {
+        proxy.$message({ type: "success", message: title.value + "成功" });
+        emit("getList");
+        close();
+      }).catch(() => {
+      }).finally(() => {
+        loading.value = false;
+      });
+    }
+
+  });
+};
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  dialogForm.value = false;
+  loading.value = false;
+};
+
+
+
+
+onUnmounted(() => {
+})
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+  color: #0072ff;
+  background: rgba(0, 114, 255, 0.3);
+}
+
+.boxlist {
+  width: calc(99% - 50px);
+  margin-top: 10px;
+  overflow: hidden;
+}
+
+.depBox {
+  border: 1px solid #e9e9e9;
+  padding: 0 0 0 4px;
+  border-radius: 4px;
+  width: 100%;
+
+  .coolor {
+    color: #d3d3d3;
+  }
+
+}
+
+.zdy-taf {
+  width: 100%;
+  width: 100%;
+  min-height: 32px;
+  border: 1px solid #e9e9e9;
+  border-radius: 4px;
+  padding: 0px 5px;
+  box-sizing: border-box;
+}
+
+.map {
+  height: 520px;
+  margin-top: 10px;
+}
+</style>
diff --git a/src/views/backOfficeSystem/workLogInfo/index.vue b/src/views/backOfficeSystem/workLogInfo/index.vue
new file mode 100644
index 0000000..16cf0c7
--- /dev/null
+++ b/src/views/backOfficeSystem/workLogInfo/index.vue
@@ -0,0 +1,164 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="handleAdd('add', null)">添加值班</el-button>
+        <el-button type="danger" size="small" @click="handleRow()">批量删除</el-button>
+      </template>
+    </PageTitle>
+    <!-- 按钮组 -->
+    <div class="content">
+      <!-- 表格 -->
+      <div class="tabBox">
+        <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+          :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+          @chooseData="handleChooseData">
+          <!-- 操作 -->
+          <template #controls="{ row }">
+            <el-link type="primary" size="small" @click="handleAdd('edit', row)">编辑</el-link>
+            <el-link type="primary" size="small" @click="handleAdd('detail', row)">详情</el-link>
+            <el-link type="danger" size="small" @click="handleRow(row.id)">删除</el-link>
+          </template>
+        </MyTable>
+        <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+          ...pageData.pageConfiger,
+          total: pageData.total
+        }"></Pages>
+      </div>
+    </div>
+  </div>
+  <AddForm ref="addForm" @getList="getList"  />
+</template>
+<script setup>
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import AddForm from "./addForm.vue";
+const { proxy } = getCurrentInstance();
+const searchBox = ref(); //搜索框
+const searchConfiger = ref([
+  {
+    label: "值班人姓名",
+    prop: "zbrxm",
+    placeholder: "请输入值班人姓名",
+    showType: "input",
+  },
+{
+    label: "值班日期",
+    prop: "zbrq",
+    placeholder: "请选择值班日期",
+    showType: "daterange",
+  },
+
+]);
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkbox", //选择类型
+    loading: false
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 250, //操作栏宽度
+  tableColumn: [
+    { label: "值班人姓名", prop: "zbrxm", showOverflowTooltip: true },
+    { label: "值班日期", prop: "zbrq", showOverflowTooltip: true },
+    { label: "值班人联系电话", prop: "lxdh", showOverflowTooltip: true },
+    { label: "录入人姓名", prop: "lrrXm", showOverflowTooltip: true },
+    { label: "录入日期", prop: "xtCjsj" },
+    { label: "所属部门", prop: "ssbm" },
+  ]
+});
+
+onMounted(() => {
+  getList();
+  tabHeightFn();
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = {
+    ...val,
+    startTime: val.startTime ? val.startTime[0] : '',
+    endTime: val.startTime ? val.startTime[1] : ''
+  };
+  pageData.pageConfiger.pageCurrent = 1;
+  getList();
+};
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList();
+};
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList();
+};
+
+// 获取列表
+const getList = () => {
+  const promes = {
+    ...pageData.pageConfiger,
+    ...queryFrom.value,
+  }
+  qcckGet(promes, "/mosty-gsxt/gzzbxx/getPageList").then((res) => {
+    pageData.tableData = res.records || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  });
+};
+
+// 删除
+const ids = ref([])
+const handleChooseData = (val) => {
+  ids.value = val.map(item => item.id)
+}
+const handleRow = (id) => {
+  const promes = {
+    ids: id ? [id] : ids.value
+  }
+  proxy.$confirm("确定要删除？", "警告", { type: "warning" }).then(() => {
+    qcckDelete(promes, "/mosty-gsxt/gzzbxx/deleteEntity").then(() => {
+      proxy.$message({ type: "success", message: "删除成功" });
+      getList();
+    });
+  })
+};
+// 值班操作
+const addForm = ref(null);
+const handleAdd = (type, row) => {
+addForm.value.init(type, row);
+};
+
+
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+</script>
+
+<style lang="scss" scoped>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>
diff --git a/src/views/home/components/policeReports.vue b/src/views/home/components/policeReports.vue
index b0902f0..9888b74 100644
--- a/src/views/home/components/policeReports.vue
+++ b/src/views/home/components/policeReports.vue
@@ -1,41 +1,42 @@
 <template>
-  <el-dialog :model-value="modelValue" width="70%" @close="closeDialog" :close-on-click-modal="false" destroy-on-close append-to-body>
+  <el-dialog :model-value="modelValue" width="70%" @close="closeDialog" :close-on-click-modal="false" destroy-on-close
+    append-to-body>
     <template #title>
       <div class="flex just-between align-center">
         <span class="f18">警情总数</span>
-        <span @click="exportFile" class="f14 pointer" style="color: #0072ff;">下载</span>
+        <span @click="exportFile" class="f14 pointer" style="color: #0072ff;margin-right: 40px;">下载</span>
       </div>
     </template>
     <div>
-    <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
-    <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-      :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
-      <!-- <template #jjlx="{ row }">
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+        <!-- <template #jjlx="{ row }">
           <DictTag :tag="false" :value="row.jjlx" :options="D_BZ_JQBQ" />
         </template> -->
-      <template #jqdjdm="{ row }">
-        <DictTag :tag="false" :value="row.jqdjdm" :options="D_GS_BQ_DJ" />
-      </template>
-      <template #jqlbdm="{ row }">
-        <DictTag :tag="false" :value="row.jqlbdm" :options="JQLB" />
-      </template>
-      <template #ypzt="{ row }">
-        {{ row.ypzt === '01' ? '已研判' : '未研判' }}
-      </template>
-      <!-- <template #jqdjdm="{ row }">
+        <template #jqdjdm="{ row }">
+          <DictTag :tag="false" :value="row.jqdjdm" :options="D_GS_BQ_DJ" />
+        </template>
+        <template #jqlbdm="{ row }">
+          <DictTag :tag="false" :value="row.jqlbdm" :options="JQLB" />
+        </template>
+        <template #ypzt="{ row }">
+          {{ row.ypzt === '01' ? '已研判' : '未研判' }}
+        </template>
+        <!-- <template #jqdjdm="{ row }">
           <DictTag :tag="false" :value="row.jqdjdm" :options="D_BZ_JQDJ" />
         </template> -->
-      <!-- 操作 -->
-      <!-- <template #controls="{ row }">
+        <!-- 操作 -->
+        <!-- <template #controls="{ row }">
           <el-link type="primary" @click="addEdit('edit', row)">详情</el-link>
           <el-link type="warning" @click="handleYP('研判', row)">研判</el-link>
           <el-link type="danger" @click="handleYP('深度研判', row)">深度研判</el-link>
         </template> -->
-    </MyTable>
-    <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
-      ...pageData.pageConfiger,
-      total: pageData.total
-    }"></Pages>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
     </div>
     <template #footer>
       <div class="dialog-footer">
@@ -55,11 +56,11 @@ import Pages from "@/components/aboutTable/Pages.vue";
 import { lzJcjPjdbSelectPage } from '@/api/semanticAnalysis.js'
 import { ref, reactive, getCurrentInstance, watch } from "vue";
 import { useRoute, useRouter } from 'vue-router'
-import {timeValidate} from '@/utils/tools.js'
+import { timeValidate } from '@/utils/tools.js'
 const route = useRoute()
 const router = useRouter()
 const { proxy } = getCurrentInstance()
-const { D_GS_BQ_DJ,JQLB,JQLX,JQXL,JQZL,D_BZ_JQLY,D_BZ_JQFL,JQLB_DP,D_BZ_JQBQ,D_GS_SSYJ } = proxy.$dict('D_GS_BQ_DJ',"JQLB",'JQLX','JQXL','JQZL','D_BZ_JQLY','D_BZ_JQFL','JQLB_DP','D_BZ_JQBQ','D_GS_SSYJ'); //获取字典数据
+const { D_GS_BQ_DJ, JQLB, JQLX, JQXL, JQZL, D_BZ_JQLY, D_BZ_JQFL, JQLB_DP, D_BZ_JQBQ, D_GS_SSYJ } = proxy.$dict('D_GS_BQ_DJ', "JQLB", 'JQLX', 'JQXL', 'JQZL', 'D_BZ_JQLY', 'D_BZ_JQFL', 'JQLB_DP', 'D_BZ_JQBQ', 'D_GS_SSYJ'); //获取字典数据
 const props = defineProps({
   modelValue: {
     type: Boolean,
@@ -126,12 +127,12 @@ const pageData = reactive({
     { label: "报警时间", prop: "bjsj" },
     { label: "报警内容", prop: "bjnr", showOverflowTooltip: true },
     { label: "接警员姓名", prop: "jjyxm" },
-    { label: "警情级别", prop: "jqdjdm",showSolt:true },
+    { label: "警情级别", prop: "jqdjdm", showSolt: true },
     // { label: "警情标签", prop: "jjlx", showSolt: true },
-    { label: "警情类型", prop: "jqlbdm",showSolt:true },
+    { label: "警情类型", prop: "jqlbdm", showSolt: true },
     { label: "警情地址", prop: "jqdz" },
     { label: "补充接警内容", prop: "bcjjnr", showOverflowTooltip: true },
-    { label: "研判状态", prop: "ypzt",showSolt:true },
+    { label: "研判状态", prop: "ypzt", showSolt: true },
   ],
   tableHeight: "40vh",
 });
@@ -147,12 +148,12 @@ const onSearch = (val) => {
 }
 watch(() => props.modelValue, (val) => {
   if (val) {
-    parameter.value = {startTime:timeValidate(new Date(),'ymd'),endTime:timeValidate(new Date(),'ymd')}
+    parameter.value = { startTime: timeValidate(new Date(), 'ymd'), endTime: timeValidate(new Date(), 'ymd') }
     changePage()
   }
 })
 const changePage = () => {
-pageData.tableConfiger.loading = true;
+  pageData.tableConfiger.loading = true;
   const params = {
     pageCurrent: pageData.pageConfiger.pageCurrent,
     pageSize: pageData.pageConfiger.pageSize,
@@ -177,7 +178,7 @@ const changeSize = (val) => {
 }
 
 // 导出
-const exportFile = () =>{
+const exportFile = () => {
   const titleObj = {
     jjdbh: "接警单编号",
     bjdh: "报警电话",
@@ -190,13 +191,13 @@ const exportFile = () =>{
     bcjjnr: "补充接警内容",
     ypzt_name: "研判状态",
   }
- let list = pageData.tableData.map(item => ({
-  ...item,
-  jqdjdm_name: getMultiDictVal(item.jqdjdm, D_GS_BQ_DJ),
-  jqlbdm_name: getMultiDictVal(item.jqlbdm, JQLB),
-  ypzt_name: item.ypzt == '01' ? '已研判' : '未研判'
- }))
- exportExlByObj(titleObj, list, '警情总数')
+  let list = pageData.tableData.map(item => ({
+    ...item,
+    jqdjdm_name: getMultiDictVal(item.jqdjdm, D_GS_BQ_DJ),
+    jqlbdm_name: getMultiDictVal(item.jqlbdm, JQLB),
+    ypzt_name: item.ypzt == '01' ? '已研判' : '未研判'
+  }))
+  exportExlByObj(titleObj, list, '警情总数')
 }
 </script>
 
diff --git a/src/views/home/dialog/jobLog.vue b/src/views/home/dialog/jobLog.vue
new file mode 100644
index 0000000..a81bf74
--- /dev/null
+++ b/src/views/home/dialog/jobLog.vue
@@ -0,0 +1,820 @@
+<template>
+  <el-dialog :model-value="props.modelValue" width="82%" @close="closeDialog" destroy-on-close append-to-body
+    :close-on-click-modal="false">
+    <div class="job-log-page">
+      <div class="page-title">情报研判大队工作日报</div>
+      <div class="top-row">
+        <div class="date-card panel">
+          <div class="date-head">
+            <div class="date-value">{{ todayText }}</div>
+          </div>
+          <div class="date-body">
+            <div class="weekday">{{ weekText }}</div>
+            <div>
+              <el-popover placement="right" :width="400" trigger="click">
+                <template #reference>
+                  <img src="@/assets/images/rili.png" alt="" srcset="">
+                </template>
+                <el-date-picker v-model="promes.zbrq" style="width: 100%" type="date" placeholder="选择日期"
+                  value-format="YYYY-MM-DD" @change="dateChange" />
+              </el-popover>
+            </div>
+          </div>
+        </div>
+        <div class="duty-boxes">
+          <div class="duty-card duty-today">
+            <div class="duty-line">
+              <div class="label">今日值班人员：</div>
+              <div class="value">{{ zbData.jrzbrXm }}</div>
+            </div>
+            <div class="phone" v-if="zbData.jrzbrLxdh">（{{ zbData.jrzbrLxdh }}）</div>
+          </div>
+          <div class="duty-card duty-tomorrow">
+            <div class="duty-line">
+              <div class="label">明日值班人员：</div>
+              <div class="value">{{ zbData.mrzbrXm }}</div>
+            </div>
+            <div class="phone">{{ zbData.mrzbrLxdh }}</div>
+          </div>
+        </div>
+        <div class="summary-card panel">
+          <div class="summary-head">{{ summaryDateText }}</div>
+          <div class="summary-grid">
+            <div class="grid-item">
+              <div class="grid-title">公安部重点人员四色预警</div>
+              <div class="stat-list">
+                <div v-for="(item, index) in warningStats" :key="item.level" class="stat-line">
+                  <span class="dot" :class="item.className"></span>
+                  <span class="name">{{ item.level }}</span>
+                  <span class="num">{{ item.personnel }}人</span>
+                  <span class="num">{{ item.yjContent }}条</span>
+                </div>
+              </div>
+            </div>
+            <div class="grid-item">
+              <div class="grid-title">签收反馈情况</div>
+              <div class="feedback-list">
+                <div v-for="item in feedbackStats" :key="item.name" class="feedback-line">
+                  <span>{{ item.name }}</span>
+                  <span>{{ item.value }}条</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="bottom-row">
+        <div class="notice-panel panel">
+          <div class="panel-title panel-title-yellow">公告栏</div>
+          <div class="notice-list" v-infinite-scroll="loadMoreDuty" :infinite-scroll-disabled="dutyScrollDisabled"
+            :infinite-scroll-immediate="false" :infinite-scroll-distance="10">
+            <div class="notice-table-title">值班表</div>
+            <div class="notice-head">
+              <span>时间</span>
+              <span>值班人员</span>
+              <span>电话</span>
+            </div>
+            <template v-if="noticeList.length">
+              <div v-for="(item, index) in noticeList" :key="`${item.zbrq}-${item.lxdh}-${index}`" class="notice-item">
+                <span>{{ item.zbrq }}</span>
+                <span>{{ item.zbrxm }}</span>
+                <span>{{ item.lxdh }}</span>
+              </div>
+            </template>
+            <div v-else-if="dutyLoaded" class="notice-empty">暂无数据</div>
+          </div>
+        </div>
+        <div class="table-panel panel pdDate">
+          <div class="work-grid">
+            <div class="work-section">
+              <div class="panel-title panel-title-blue">今日已完成工作</div>
+              <div class="work-table-wrap">
+                <div class="complete-grid" :class="{ 'is-empty-grid': !completeWorks.length }">
+                  <div class="complete-grid-row complete-grid-head">
+                    <div class="complete-grid-cell complete-col-index"><span class="cell-text" title="序号">序号</span>
+                    </div>
+                    <div class="complete-grid-cell complete-col-main"><span class="cell-text" title="来源">来源</span></div>
+                    <div class="complete-grid-cell complete-col-main"><span class="cell-text" title="工作任务">工作任务</span>
+                    </div>
+                    <div class="complete-grid-cell complete-col-main"><span class="cell-text" title="完成情况">完成情况</span>
+                    </div>
+                  </div>
+                  <template v-if="completeWorks.length">
+                    <div class="complete-grid-row" v-for="(item, index) in completeWorks" :key="item.id">
+                      <div class="complete-grid-cell complete-col-index"><span class="cell-text"
+                          :title="String(index + 1)">{{ index + 1 }}</span></div>
+                      <div class="complete-grid-cell complete-col-main"><span class="cell-text" :title="item.ly">{{
+                        item.ly }}</span></div>
+                      <div class="complete-grid-cell complete-col-main"><span class="cell-text" :title="item.grw">{{
+                        item.grw }}</span></div>
+                      <div class="complete-grid-cell complete-col-main"><span class="cell-text" :title="item.wcqk">{{
+                        item.wcqk }}</span></div>
+                    </div>
+                  </template>
+                  <div v-else class="complete-grid-empty">暂无数据</div>
+                </div>
+              </div>
+            </div>
+            <div class="work-section">
+              <div class="panel-title panel-title-red">每日值班工作</div>
+              <div class="work-table-wrap">
+                <div class="duty-list" :class="{ 'is-empty-list': !dutyWorks.length }">
+                  <template v-if="dutyWorks.length">
+                    <div class="duty-row" v-for="(row, index) in dutyWorks" :key="index">
+                      <div class="duty-col-index"><span class="cell-text">{{ index + 1 }}</span></div>
+                      <div class="duty-col-content"><span class="cell-text">{{ row.gznr || "" }}</span></div>
+                    </div>
+                  </template>
+                  <div v-else class="empty-cell">暂无数据</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+<script setup>
+import { computed, reactive, ref, watch } from "vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  }
+});
+const emit = defineEmits(["update:modelValue"]);
+const closeDialog = () => emit("update:modelValue", false);
+const weekList = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
+const pad = (v) => `${v}`.padStart(2, "0");
+const formatPickerDate = (value) => `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}`;
+const getDateByPickerValue = (value) => {
+  if (!value) return new Date();
+  const [year, month, day] = value.split("-").map(Number);
+  return new Date(year, month - 1, day);
+};
+
+
+
+const noticeList = ref([]);
+const completeWorks = ref([]);
+const dutyWorks = ref([]);
+
+
+// 查询值班列表
+const promes = reactive({
+  pageSize: 10,
+  pageCurrent: 1,
+  zbrq: formatPickerDate(new Date())
+});
+
+const selectedDate = computed(() => getDateByPickerValue(promes.zbrq));
+const todayText = computed(() => {
+  const current = selectedDate.value;
+  return `${current.getFullYear()}/${pad(current.getMonth() + 1)}/${pad(current.getDate())}`;
+});
+const weekText = computed(() => weekList[selectedDate.value.getDay()]);
+const formatDateMinute = (value) => `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())} ${pad(value.getHours())}:${pad(value.getMinutes())}:${pad(value.getSeconds())}`;
+const getSummaryRange = () => {
+  const now = new Date();
+  const end = new Date(selectedDate.value);
+  end.setHours(now.getHours(), now.getMinutes(), now.getSeconds(), 0);
+  const start = new Date(end);
+  start.setDate(start.getDate() - 1);
+  return { start, end };
+};
+const summaryDateText = computed(() => {
+  const { start, end } = getSummaryRange();
+  return `${start.getFullYear()}年${start.getMonth() + 1}月${start.getDate()}日${pad(start.getHours())}：${pad(start.getMinutes())}至${end.getFullYear()}年${end.getMonth() + 1}月${end.getDate()}日${pad(end.getHours())}：${pad(end.getMinutes())} `;
+});
+
+const total = ref(0);
+const dutyLoading = ref(false);
+const dutyLoaded = ref(false);
+const dutyScrollDisabled = computed(() => dutyLoading.value || (dutyLoaded.value && noticeList.value.length >= total.value));
+const resetDutyList = () => {
+  noticeList.value = [];
+  total.value = 0;
+  promes.pageCurrent = 1;
+  dutyLoaded.value = false;
+};
+const getDutyList = (force = false) => {
+  if (dutyLoading.value) return;
+  if (!force && dutyLoaded.value && noticeList.value.length >= total.value) return;
+  dutyLoading.value = true;
+  qcckGet({ ...promes }, "/mosty-gsxt/gzzbxx/getPageList")
+    .then((res) => {
+      const records = res?.records || [];
+      noticeList.value = promes.pageCurrent === 1 ? records : noticeList.value.concat(records);
+      total.value = Number(res?.total || 0);
+      promes.pageCurrent += 1;
+    })
+    .finally(() => {
+      dutyLoading.value = false;
+      dutyLoaded.value = true;
+    });
+};
+
+
+const zbData = ref({})
+// 获取值班列表情况
+const gzqkGetPageList = () => {
+  const paramsList = {
+    gzrq: promes.zbrq,
+  };
+  qcckGet({ ...paramsList }, "/mosty-gsxt/gzqk/selectList")
+    .then((res) => {
+      zbData.value = res[0] || {};
+    })
+    .finally(() => {
+    });
+};
+const gzqkQueryByDate = () => {
+  qcckGet({ date: promes.zbrq }, "/mosty-gsxt/gzqk/queryByDate")
+    .then((res) => {
+      dutyWorks.value = res ? (res.zbgzList || []) : [];
+      completeWorks.value = res ? (res.wcqkList || []) : [];
+    })
+    .finally(() => {
+    });
+}
+const warningStats = ref([
+  { level: "红色预警", personnel: "0", perKey: 'hsrysl', yjContent: '0', className: "dot-red", yjKey: 'hsyjsl' },
+  { level: "橙色预警", personnel: "0", perKey: 'csrysl', yjContent: '0', className: "dot-orange", yjKey: 'csyjsl' },
+  { level: "黄色预警", personnel: "0", perKey: 'ysrysl', yjContent: '0', className: "dot-yellow", yjKey: 'ysyjsl' },
+  { level: "蓝色预警", personnel: "0", perKey: 'lsrysl', yjContent: '0', className: "dot-blue", yjKey: 'lsyjsl' }
+])
+
+const feedbackStats = ref([
+  { name: "按时签收", value: "", key: 'zcqs' },
+  { name: "按时反馈", value: "", key: 'zcfk' },
+  { name: "超时签收", value: "", key: 'csqs' },
+  { name: "超时反馈", value: "", key: 'csfk' }
+]);
+// 预警级别
+const getYjxxTj = () => {
+  const { start, end } = getSummaryRange();
+  qcckPost({ startTime: formatDateMinute(start), endTime: formatDateMinute(end) }, "/mosty-gsxt/tbYjxx/gzqkYjdj")
+    .then((res) => {
+      warningStats.value = warningStats.value.map((item) => {
+        item.personnel = res[item.perKey] || 0;
+        item.yjContent = res[item.yjKey] || 0;
+        return item
+      })
+    })
+    .finally(() => {
+    });
+}
+// 反馈情况
+const getYjCzztTj = () => {
+  const { start, end } = getSummaryRange();
+  qcckPost({ kssj: formatDateMinute(start), jssj: formatDateMinute(end) }, "/mosty-gsxt/tbYjxx/qsfktj")
+    .then((res) => {
+      feedbackStats.value = feedbackStats.value.map((item) => {
+        item.value = res[item.key] || 0;
+        return item
+      })
+    })
+    .finally(() => {
+    });
+}
+
+
+
+
+const loadMoreDuty = () => {
+  getDutyList();
+};
+watch(() => props.modelValue, (newVal) => {
+  if (newVal) {
+    dateChange()
+  }
+});
+const dateChange = () => {
+  resetDutyList();
+  getDutyList(true);
+  gzqkGetPageList()
+  gzqkQueryByDate()
+  getYjxxTj()
+  getYjCzztTj()
+};
+</script>
+<style lang="scss" scoped>
+.job-log-page {
+  width: 100%;
+  height: 700px;
+  max-height: 700px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  background: #f1f6ff;
+  border: 1px solid #9db6dd;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.page-title {
+  height: 44px;
+  line-height: 44px;
+  font-size: 26px;
+  font-weight: 700;
+  text-align: center;
+  color: #fff;
+  background: linear-gradient(180deg, #4b96e7 0%, #2f6dbb 100%);
+  margin-bottom: 12px;
+  letter-spacing: 2px;
+}
+
+.top-row {
+  display: grid;
+  grid-template-columns: 300px 300px 1fr;
+  gap: 8px;
+  margin-bottom: 8px;
+  flex-shrink: 0;
+}
+
+.panel {
+  border: 1px solid #9ab0cf;
+  background: #fff;
+}
+
+.pdDate {
+  padding: 5px;
+}
+
+.date-card {
+  display: grid;
+  grid-template-rows: 58px 1fr;
+  overflow: hidden;
+}
+
+.date-head {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(180deg, #d6c75f 0%, #cab84d 100%);
+}
+
+.date-body {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: #f7f3ad;
+}
+
+.date-value {
+  font-size: 24px;
+  font-weight: 700;
+  color: #3a3a3a;
+}
+
+.weekday {
+  margin-top: 2px;
+  font-size: 30px;
+  font-weight: 700;
+  color: #1f1f1f;
+}
+
+.calendar-icon {
+  width: 66px;
+  height: 56px;
+  margin-top: 8px;
+  border-radius: 8px;
+  border: 3px solid #005ca7;
+  color: #005ca7;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 30px;
+  background: #fff7cf;
+}
+
+.duty-boxes {
+  display: grid;
+  grid-template-rows: 1fr 1fr;
+  gap: 8px;
+}
+
+.duty-card {
+  border-radius: 10px;
+  color: #fff;
+  text-align: center;
+  align-content: center;
+  padding: 8px 10px 7px;
+  border: 1px solid rgba(255, 255, 255, 0.4);
+}
+
+.duty-line {
+  display: flex;
+  justify-content: center;
+  align-items: baseline;
+  gap: 6px;
+  white-space: nowrap;
+
+}
+
+.duty-today {
+  background: linear-gradient(180deg, #5aa0ef 0%, #3b7fd1 100%);
+}
+
+.duty-tomorrow {
+  background: linear-gradient(180deg, #ed7070 0%, #ce4242 100%);
+}
+
+.duty-card .label {
+  font-size: 16px;
+  font-weight: 700;
+}
+
+.duty-card .value {
+  font-size: 16px;
+  line-height: 1.1;
+  font-weight: 700;
+}
+
+.duty-card .phone {
+  margin-top: 2px;
+  font-size: 16px;
+  line-height: 1.15;
+  font-weight: 700;
+}
+
+.summary-card {
+  padding: 0 10px 8px;
+}
+
+.summary-head {
+  height: 38px;
+  line-height: 38px;
+  text-align: center;
+  font-size: 18px;
+  font-weight: 700;
+  color: #655825;
+  background: #f5ed8d;
+  margin-bottom: 6px;
+}
+
+.summary-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  border: 1px solid #d9d9d9;
+}
+
+.grid-item {
+  border-right: 1px solid #d9d9d9;
+}
+
+.grid-item:last-child {
+  border-right: none;
+}
+
+.grid-title {
+  height: 34px;
+  line-height: 34px;
+  text-align: center;
+  border-bottom: 1px solid #d9d9d9;
+  font-size: 16px;
+  font-weight: 700;
+  color: #2f2f2f;
+}
+
+.stat-list,
+.feedback-list {
+  padding: 8px 12px;
+}
+
+.stat-line {
+  display: flex;
+  align-items: center;
+  font-size: 18px;
+  margin-bottom: 2px;
+  font-weight: 700;
+}
+
+.stat-line .dot {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  margin-right: 8px;
+}
+
+.stat-line .name {
+  width: 98px;
+}
+
+.dot-red {
+  background: #ff4d4f;
+}
+
+.dot-orange {
+  background: #ff9f43;
+}
+
+.dot-yellow {
+  background: #f6d34d;
+}
+
+.dot-blue {
+  background: #4a90e2;
+}
+
+.feedback-line {
+  display: flex;
+  justify-content: space-between;
+  font-size: 18px;
+  margin-bottom: 3px;
+  font-weight: 700;
+}
+
+.bottom-row {
+  display: grid;
+  grid-template-columns: 300px 1fr;
+  gap: 8px;
+  flex: 1;
+  min-height: 0;
+}
+
+.panel-title {
+  height: 60px;
+  line-height: 60px;
+  text-align: center;
+  font-size: 24px;
+  font-weight: 700;
+  border-bottom: 1px solid #99abcb;
+}
+
+.panel-title-yellow {
+  background: #f5ed8d;
+  color: #2d2d2d;
+}
+
+.panel-title-blue {
+  background: #5ea3ef;
+  color: #fff;
+}
+
+.panel-title-red {
+  background: #de4d5e;
+  color: #fff;
+}
+
+.notice-panel {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.notice-list {
+  flex: 1;
+  padding: 6px;
+  font-size: 14px;
+  color: #1d5d97;
+  overflow: auto;
+}
+
+.notice-table-title {
+  text-align: center;
+  font-size: 24px;
+  font-weight: 700;
+  color: inherit;
+  margin-bottom: 2px;
+}
+
+.notice-head,
+.notice-item {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1.4fr;
+  gap: 4px;
+  padding: 4px 2px;
+  border-bottom: 1px dashed #d8d8d8;
+  color: inherit;
+  text-align: center;
+}
+
+.notice-head {
+  font-size: 16px;
+  font-weight: 700;
+}
+
+.notice-empty {
+  padding: 20px 0;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 700;
+  color: inherit;
+}
+
+.table-panel {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.work-grid {
+  display: grid;
+  grid-template-columns: 3fr 2fr;
+  gap: 8px;
+  flex: 1;
+  min-height: 0;
+}
+
+.work-grid>div {
+  min-width: 0;
+}
+
+.work-section {
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.work-table-wrap {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+
+.complete-grid {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border-left: 1px solid #9bacca;
+  border-top: 1px solid #9bacca;
+}
+
+.complete-grid-row {
+  display: grid;
+  grid-template-columns: 12% 29.33% 29.33% 29.33%;
+  min-height: 40px;
+  flex-shrink: 0;
+}
+
+.complete-grid-cell {
+  border-right: 1px solid #9bacca;
+  border-bottom: 1px solid #9bacca;
+  padding: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+.complete-grid-head .complete-grid-cell {
+  background: #f1f5fe;
+  font-size: 16px;
+  font-weight: 700;
+}
+
+.complete-col-index {
+  width: 100%;
+}
+
+.complete-col-main {
+  width: 100%;
+}
+
+.is-empty-grid .complete-grid-empty {
+  flex: 1;
+}
+
+.complete-grid-empty {
+  border-right: 1px solid #9bacca;
+  border-bottom: 1px solid #9bacca;
+  min-height: 70px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  font-weight: 700;
+  color: #8a8a8a;
+}
+
+.work-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 15px;
+  table-layout: fixed;
+  min-height: 100%;
+}
+
+.work-table th,
+.work-table td {
+  border: 1px solid #9bacca;
+  padding: 5px;
+  text-align: center;
+  overflow: hidden;
+}
+
+.complete-row {
+  height: 40px;
+}
+
+.empty-cell {
+  height: 100%;
+  min-height: 70px;
+  font-size: 16px;
+  font-weight: 700;
+  color: #8a8a8a;
+  vertical-align: middle;
+}
+
+.is-empty-table tbody {
+  height: 100%;
+}
+
+.is-empty-table tbody tr {
+  height: 100%;
+}
+
+.cell-text {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.col-index {
+  width: 12%;
+}
+
+.col-main {
+  width: 29.33%;
+}
+
+.work-table thead th {
+  background: #f1f5fe;
+  font-size: 16px;
+}
+
+.index-cell {
+  width: 40px;
+  background: #f8f8f8;
+  font-weight: 700;
+}
+
+.duty-list {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border-left: 1px solid #9bacca;
+  border-top: 1px solid #9bacca;
+}
+
+.duty-row {
+  display: grid;
+  grid-template-columns: 40px 1fr 40px 1fr;
+  min-height: 40px;
+  flex-shrink: 0;
+}
+
+.duty-col-index,
+.duty-col-content {
+  border-right: 1px solid #9bacca;
+  border-bottom: 1px solid #9bacca;
+  padding: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  overflow: hidden;
+}
+
+.duty-col-index {
+  background: #f8f8f8;
+  font-weight: 700;
+}
+
+.duty-col-content {
+  font-size: 15px;
+}
+
+.is-empty-list {
+  display: flex;
+}
+
+.is-empty-list .empty-cell {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-right: 1px solid #9bacca;
+  border-bottom: 1px solid #9bacca;
+}
+
+:deep(.el-dialog__body) {
+  padding: 10px 12px;
+}
+
+.num {
+  width: 100px;
+  text-align: center;
+}
+</style>
diff --git a/src/views/home/dialog/jqXq.vue b/src/views/home/dialog/jqXq.vue
new file mode 100644
index 0000000..5b45553
--- /dev/null
+++ b/src/views/home/dialog/jqXq.vue
@@ -0,0 +1,198 @@
+<template>
+  <DialogDragger title="警情详情" top="150px" v-model="props.show" @close="closeDialog">
+    <div class="jqxq-wrap">
+      <div class="jqxq-row">
+        <div class="jqxq-label">报警人名称</div>
+        <div class="jqxq-value">{{ fieldValue("bjrmc") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">报警电话用户名</div>
+        <div class="jqxq-value">{{ fieldValue("bjdhyhm") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">报警电话</div>
+        <div class="jqxq-value">{{ fieldValue("bjdh") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">报警人证件号码</div>
+        <div class="jqxq-value">{{ fieldValue("bjrzjhm") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">报警时间</div>
+        <div class="jqxq-value">{{ fieldValue("bjsj") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">报警电话用户地址</div>
+        <div class="jqxq-value">{{ fieldValue("bjdhyhdz") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">报警地址</div>
+        <div class="jqxq-value">{{ fieldValue("bjdz") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">接警单编号</div>
+        <div class="jqxq-value">{{ fieldValue("jjdbh") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">接警单位名称</div>
+        <div class="jqxq-value">{{ fieldValue("jjdwmc") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">接警完成时间</div>
+        <div class="jqxq-value">{{ fieldValue("jjwcsj") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">接警员编号</div>
+        <div class="jqxq-value">{{ fieldValue("jjybh") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">接警员姓名</div>
+        <div class="jqxq-value">{{ fieldValue("jjyxm") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">接警录音号</div>
+        <div class="jqxq-value">{{ fieldValue("jjlyh") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">接警时间</div>
+        <div class="jqxq-value">{{ fieldValue("jjsj") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">警情颜色</div>
+        <div class="jqxq-value">{{ fieldValue("jqdjdm", D_GS_SSYJ) }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">管辖单位名称</div>
+        <div class="jqxq-value">{{ fieldValue("gxdwmc") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">单位名称</div>
+        <div class="jqxq-value">{{ fieldValue("jcjxtjsdwmc") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">警情类别</div>
+        <div class="jqxq-value">{{ fieldValue("jqlbdm", JQLB) }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">警情类型</div>
+        <div class="jqxq-value">{{ fieldValue("jqlxdm", JQLX) }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">警情来源</div>
+        <div class="jqxq-value">{{ fieldValue("jqlyfs", D_BZ_JQLY) }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">警情细类</div>
+        <div class="jqxq-value">{{ fieldValue("jqxldm", JQXL) }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">警情子类</div>
+        <div class="jqxq-value">{{ fieldValue("jqzldm", JQZL) }}</div>
+      </div>
+      <div class="jqxq-row is-full">
+        <div class="jqxq-label">警情地址</div>
+        <div class="jqxq-value">{{ fieldValue("jqdz") }}</div>
+      </div>
+      <div class="jqxq-row is-full">
+        <div class="jqxq-label">报警内容</div>
+        <div class="jqxq-value">{{ fieldValue("bjnr") }}</div>
+      </div>
+      <div class="jqxq-row is-full">
+        <div class="jqxq-label">警情标签</div>
+        <div class="jqxq-value">{{ fieldValue("jqbq", D_BZ_JQBQ) }}</div>
+      </div>
+      <div class="jqxq-row is-full">
+        <div class="jqxq-label">补充接警内容</div>
+        <div class="jqxq-value">{{ fieldValue("bcjjnr") }}</div>
+      </div>
+      <div class="jqxq-row is-full">
+        <div class="jqxq-label">被困人员情况说明</div>
+        <div class="jqxq-value">{{ fieldValue("bkryqksm") }}</div>
+      </div>
+    </div>
+  </DialogDragger>
+</template>
+<script setup>
+import { computed, getCurrentInstance } from "vue";
+import emitter from "@/utils/eventBus.js";
+import DialogDragger from "@/views/home/layout/dialogDragger.vue";
+const { proxy } = getCurrentInstance();
+const { JQLB, JQLX, JQXL, JQZL, D_BZ_JQLY, D_BZ_JQBQ, D_GS_SSYJ } = proxy.$dict("JQLB", "JQLX", "JQXL", "JQZL", "D_BZ_JQLY", "D_BZ_JQBQ", "D_GS_SSYJ");
+const props = defineProps({
+  dict: {
+    type: Object,
+    default: () => ({})
+  },
+  zbData: {
+    type: Object,
+    default: () => ({})
+  }, show: {
+    type: Boolean,
+    default: false
+  }, data: {
+    type: Object,
+    default: () => ({})
+  }
+});
+const detailData = computed(() => (Array.isArray(props.data) ? (props.data[0] || {}) : (props.data || {})));
+const getOptionLabel = (options, value) => {
+  if (!Array.isArray(options) || !options.length) return `${value}`;
+  const match = options.find((item) => {
+    const values = [item.value, item.dictValue, item.dictCode, item.code, item.key];
+    return values.some((v) => `${v}` === `${value}`);
+  });
+  if (!match) return `${value}`;
+  const label = match.label || match.dictLabel || match.name || match.text;
+  return label === undefined || label === null || label === "" ? `${value}` : label;
+};
+const formatValue = (raw, options) => {
+  if (raw === undefined || raw === null || raw === "") return "--";
+  if (options) return getOptionLabel(options, raw);
+  return `${raw}`;
+};
+const fieldValue = (prop, options) => formatValue(detailData.value[prop], options);
+const closeDialog = () => {
+  emitter.emit("showJqXq", false);
+};
+</script>
+<style lang="scss" scoped>
+.jqxq-wrap {
+  max-height: 70vh;
+  overflow: auto;
+  padding: 8px;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+}
+
+.jqxq-row {
+  display: grid;
+  grid-template-columns: 160px 1fr;
+  border: 1px solid #d8e4f0;
+  border-radius: 4px;
+  overflow: hidden;
+  background: #fff;
+}
+
+.jqxq-row.is-full {
+  grid-column: 1 / -1;
+}
+
+.jqxq-label {
+  padding: 8px 10px;
+  background: #eef4fb;
+  color: #315a86;
+  border-right: 1px solid #d8e4f0;
+  font-weight: 600;
+  word-break: break-all;
+  display: flex;
+  align-items: center;
+}
+
+.jqxq-value {
+  padding: 10px;
+  color: #1f2d3d;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+</style>
diff --git a/src/views/home/dialog/leftDialog.vue b/src/views/home/dialog/leftDialog.vue
index 70d2cb7..70f71be 100644
--- a/src/views/home/dialog/leftDialog.vue
+++ b/src/views/home/dialog/leftDialog.vue
@@ -5,6 +5,8 @@
     <!-- 预警信息弹框 -->
     <Home_YJ v-if="isShow.showYj" :show="isShow.showYj" :data="list.Info_YJ" />
     <PopupWarning v-if="isShow.showWarning" :show="isShow.showWarning" :data="list.Info_Warning" />
+    <jqXq v-if="isShow.showJqXq" :show="isShow.showJqXq" :data="list.Info_JqXq" />
+    <zdsjXq v-if="isShow.showZdsjXq" :show="isShow.showZdsjXq" :data="list.Info_ZdsjXq" />
   </div>
 </template>
 
@@ -14,15 +16,21 @@ import Home_YJ from "./components/home_yj.vue";
 import PopupWarning from './components/popupWarning'
 import Intelligence from "@/views/home/model/mesgSwitch/intelligence.vue";
 import { ref, onMounted, onUnmounted, reactive, getCurrentInstance } from "vue";
+import jqXq from "./jqXq.vue";
+import zdsjXq from "./zdsjXq.vue";
 const { proxy } = getCurrentInstance();
 const isShow = ref({
   showYj: false, //预警弹窗
   showWarning: false, //预警弹窗
   showQbsb: false, //情报上报列表弹窗
+  showJqXq: false,
+  showZdsjXq: false,
 });
 const list = reactive({
   Info_YJ: [], //预警数据
   Info_Warning: [],
+  Info_JqXq: [],
+  Info_ZdsjXq: [],
 });
 
 onMounted(() => {
@@ -40,10 +48,23 @@ onMounted(() => {
   emitter.on("lookQbsbList", (res) => {
     isShow.value.showQbsb = res ? true : false;
   });
+  // 展示警情详情
+  emitter.on("showJqXq", (res) => {
+    isShow.value.showJqXq = res ? true : false;
+    if (res) list.Info_JqXq = res;
+  });
+  // 展示处置信息详情
+  emitter.on("showZdsjXq", (res) => {
+    isShow.value.showZdsjXq = res ? true : false;
+    if (res) list.Info_ZdsjXq = res;
+  });
 });
 onUnmounted(() => {
   emitter.off("showHomeYJ");
   emitter.off("showHomeWarning");
+  emitter.off("lookQbsbList");
+  emitter.off("showJqXq");
+  emitter.off("showZdsjXq");
 });
 </script>
 
diff --git a/src/views/home/dialog/zdsjLod.vue b/src/views/home/dialog/zdsjLod.vue
new file mode 100644
index 0000000..7be0e65
--- /dev/null
+++ b/src/views/home/dialog/zdsjLod.vue
@@ -0,0 +1,108 @@
+<template>
+  <el-dialog :model-value="modelValue" :title="title" width="60%" @close="closeDialog" destroy-on-close append-to-body
+    :close-on-click-modal="false">
+    <div style="width: 100%;height: 650px;">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+      </FormMessage>
+      <div style="display: flex;justify-content: flex-end;">
+        <el-button type="primary" style="margin-left: 10px;" @click="drawShape()">选择坐标</el-button>
+      </div>
+      <div style="height: 300px;width: 96%; position: absolute;">
+        <GdMap :mapid="'map-92'" v-if="showMap"></GdMap>
+      </div>
+
+    </div>
+    <template #footer>
+      <div class="flex just-center">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="submitForm">确认</el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+
+</template>
+<script setup>
+import GdMap from "@/components/GdMap/index.vue";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { ref, reactive, onMounted, watch, onUnmounted, getCurrentInstance } from 'vue'
+import emitter from "@/utils/eventBus.js";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+const { proxy } = getCurrentInstance()
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  dict: {
+    type: Object,
+    default: () => ({})
+  },
+  zbData: {
+    type: Object,
+    default: () => ({})
+  }
+});
+const listQuery = ref({})
+const elform = ref()
+const emit = defineEmits(["update:modelValue",]);
+const title = ref("新增重点事件");
+const formData = ref([]);
+const rules = reactive({
+  sjbt: [{ required: true, message: "请输入事件标题", trigger: "blur" }],
+  shms: [{ required: true, message: "请输入事件描述", trigger: "blur" }],
+  jd: [{ required: true, message: "请输入经度", trigger: "blur" }],
+  wd: [{ required: true, message: "请输入纬度", trigger: "blur" }],
+});
+const showMap = ref(false)
+watch(() => props.modelValue, (newVal) => {
+  if (newVal) {
+    formData.value = [
+      { label: "事件标题", prop: "sjbt", type: "input" },
+      // { label: "事件描述", prop: "shms", type: "input" },
+      { label: "事件性质", prop: "sjxz", type: "input" },
+      { label: "事件地址", prop: "sjdz", type: "input" },
+
+      // { label: "事件状态", prop: "sjzt", type: "select", options: props.dict.D_BZ_ZDSJCZJG },
+      { label: "事发时间", prop: "fssj", type: "datetime" },
+      { label: "事件描述", prop: "shms", type: "textarea", width: "100%" },
+      { label: "处置结果", prop: "czjg", type: "textarea", width: "100%" },
+      { label: "经度", prop: "jd", type: "input", disabled: true },
+      { label: "纬度", prop: "wd", type: "input", disabled: true },
+    ]
+    setTimeout(() => {
+      showMap.value = true
+    }, 1000);
+  }
+})
+const drawShape = () => {
+  emitter.emit("drawShape", {
+    flag: "zdsj",
+    type: "point",
+    isclear: true
+  });
+}
+watch(() => props.zbData, (newVal) => {
+  if (newVal) {
+    listQuery.value.jd = newVal[0]
+    listQuery.value.wd = newVal[1]
+  }
+}, { deep: true })
+const closeDialog = () => {
+  showMap.value = false
+  elform.value.reset()
+  // 关闭对话框时移除事件监听器
+  emit("update:modelValue", false);
+};
+
+const submitForm = () => {
+  elform.value.submit((val) => {
+    qcckPost({ ...listQuery.value }, '/mosty-gsxt/zdsj/addEntity').then(res => {
+      console.log(res);
+      proxy.$message.success("新增成功");
+      emit("update:modelValue", false);
+    })
+  })
+};
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/home/dialog/zdsjXq.vue b/src/views/home/dialog/zdsjXq.vue
new file mode 100644
index 0000000..fc235aa
--- /dev/null
+++ b/src/views/home/dialog/zdsjXq.vue
@@ -0,0 +1,109 @@
+<template>
+  <DialogDragger title="重点事件详情" top="150px" v-model="props.show" @close="closeDialog">
+    <div class="jqxq-wrap">
+      <div class="jqxq-row">
+        <div class="jqxq-label">事件标题</div>
+        <div class="jqxq-value">{{ fieldValue("sjbt") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">事件性质</div>
+        <div class="jqxq-value">{{ fieldValue("sjxz") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">事件地址</div>
+        <div class="jqxq-value">{{ fieldValue("sjdz") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">事发时间</div>
+        <div class="jqxq-value">{{ fieldValue("fssj") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">经度</div>
+        <div class="jqxq-value">{{ fieldValue("jd") }}</div>
+      </div>
+      <div class="jqxq-row">
+        <div class="jqxq-label">纬度</div>
+        <div class="jqxq-value">{{ fieldValue("wd") }}</div>
+      </div>
+      <div class="jqxq-row is-full">
+        <div class="jqxq-label">事件描述</div>
+        <div class="jqxq-value">{{ fieldValue("shms") }}</div>
+      </div>
+      <div class="jqxq-row is-full">
+        <div class="jqxq-label">处置结果</div>
+        <div class="jqxq-value">{{ fieldValue("czjg") }}</div>
+      </div>
+    </div>
+  </DialogDragger>
+</template>
+<script setup>
+import { computed, getCurrentInstance } from "vue";
+import emitter from "@/utils/eventBus.js";
+import DialogDragger from "@/views/home/layout/dialogDragger.vue";
+const props = defineProps({
+  dict: {
+    type: Object,
+    default: () => ({})
+  },
+  zbData: {
+    type: Object,
+    default: () => ({})
+  }, show: {
+    type: Boolean,
+    default: false
+  }, data: {
+    type: Object,
+    default: () => ({})
+  }
+});
+const detailData = computed(() => (Array.isArray(props.data) ? (props.data[0] || {}) : (props.data || {})));
+const formatValue = (raw) => {
+  if (raw === undefined || raw === null || raw === "") return "--";
+  return `${raw}`;
+};
+const fieldValue = (prop) => formatValue(detailData.value[prop]);
+const closeDialog = () => {
+  emitter.emit("showZdsjXq", false);
+};
+</script>
+<style lang="scss" scoped>
+.jqxq-wrap {
+  max-height: 70vh;
+  overflow: auto;
+  padding: 8px;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+}
+
+.jqxq-row {
+  display: grid;
+  grid-template-columns: 160px 1fr;
+  border: 1px solid #d8e4f0;
+  border-radius: 4px;
+  overflow: hidden;
+  background: #fff;
+}
+
+.jqxq-row.is-full {
+  grid-column: 1 / -1;
+}
+
+.jqxq-label {
+  padding: 8px 10px;
+  background: #eef4fb;
+  color: #315a86;
+  border-right: 1px solid #d8e4f0;
+  font-weight: 600;
+  word-break: break-all;
+  display: flex;
+  align-items: center;
+}
+
+.jqxq-value {
+  padding: 10px;
+  color: #1f2d3d;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+</style>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 54c8408..c5abca8 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,6 +1,7 @@
 <template>
-  <div class="homeBox" style="background-color: #07274d;">
+  <div class="homeBox">
     <!-- 头部 -->
+
     <Head></Head>
     <!-- 左边 -->
     <div class="home-aside asideL">
@@ -10,20 +11,20 @@
       <div class="asideL-Bottom">
         <div class="commom-aside">
           <transition name="flip" mode="out-in">
-          <div :key="'qb'" v-if="modelQbsb" class="flip-wrapper">
-            <QbsbCount @change="modelQbsb = !modelQbsb"></QbsbCount>
-          </div>
-          <div :key="'text'" v-else class="flip-wrapper">
-            <Statistics @change="modelQbsb = !modelQbsb" />
-          </div>
-         </transition>
+            <div :key="'qb'" v-if="modelQbsb" class="flip-wrapper">
+              <QbsbCount @change="modelQbsb = !modelQbsb"></QbsbCount>
+            </div>
+            <div :key="'text'" v-else class="flip-wrapper">
+              <Statistics @change="modelQbsb = !modelQbsb" />
+            </div>
+          </transition>
         </div>
         <div class="commom-aside">
           <!-- <KeyPpersonneltypes /> -->
-           <MyCase/>
+          <MyCase />
         </div>
-        <div class="commom-aside"  @mouseenter="mouseEnter" @mouseleave="mouseLeave" >
-          <div style="position: relative; height: 100%;">
+        <div class="commom-aside" @mouseenter="mouseEnter" @mouseleave="mouseLeave">
+          <div class="relative-full-height">
             <transition name="flip" mode="out-in">
               <div :key="'qb'" v-if="reversalPushShow" class="flip-wrapper">
                 <QblyType @reversalPush="reversalPush"></QblyType>
@@ -42,14 +43,14 @@
         <Calendar />
       </div>
       <div class="commom-aside-big" @mouseenter="mouseEnter" @mouseleave="mouseLeave">
-            <transition name="flip" mode="out-in">
-              <div :key="'qb'" v-if="reversalShow" class="flip-wrapper">
-                <Experience @reversalPush="reversal"></Experience>
-              </div>
-              <div :key="'text'" v-else class="flip-wrapper">
-                <KeyPpersonneltypes @reversalPush="reversal"></KeyPpersonneltypes>
-              </div>
-            </transition>
+        <transition name="flip" mode="out-in">
+          <div :key="'qb'" v-if="reversalShow" class="flip-wrapper">
+            <Experience @reversalPush="reversal"></Experience>
+          </div>
+          <div :key="'text'" v-else class="flip-wrapper">
+            <KeyPpersonneltypes @reversalPush="reversal"></KeyPpersonneltypes>
+          </div>
+        </transition>
       </div>
       <div class="commom-aside-small">
         <!-- <SituationAssessment /> -->
@@ -58,29 +59,43 @@
     </div>
     <!-- 中间 -->
     <div class="home-center">
-      <div class="middle-top"><Yszs /></div>
+      <div class="middle-top">
+        <Yszs />
+      </div>
       <div class="flex middle-bottom mt10">
-        <div style="width: 30px;position: absolute;z-index: 100;left: 0;background-color: #07274d;height: 30px;text-align: center;line-height:30px;">
+        <div class="icon-button audio-button">
           <el-icon :size="20" v-if="ispLayBack" @click="closeLayBack">
             <Bell />
           </el-icon>
-          <el-icon :size="20" v-else @click="ispLayBack=true">
+          <el-icon :size="20" v-else @click="ispLayBack = true">
             <MuteNotification />
           </el-icon>
         </div>
-        <div style="width: 30px;position: absolute;z-index: 100;left: 34px;background-color: #07274d;height: 30px;text-align: center;line-height:30px;">
+        <div class="icon-button notification-button">
           <el-tooltip class="item" effect="dark" :content="showNotification ? '通知关闭' : '通知打开'" placement="bottom">
-            <el-icon :size="20" @click="handleOpenNotification" style="top: 3px;">
-              <Open v-if="showNotification"  />
-              <TurnOff v-else  />
+            <el-icon :size="20" @click="handleOpenNotification" class="icon-top">
+              <Open v-if="showNotification" />
+              <TurnOff v-else />
             </el-icon>
           </el-tooltip>
         </div>
-        <div class="flex" style="position: absolute;z-index: 100;left: 70px;background-color: #07274d;height: 30px;text-align: center;line-height:30px;">
-          <div style="width: 30px;">
-            <el-icon :size="20" @click="showSeatch = !showSeatch" style="top: 3px;"><Search /></el-icon>
+        <div class="icon-button map-button" @click="mapNavigationShowOk">
+          <el-icon :size="20">
+            <Rank />
+          </el-icon>
+        </div>
+        <div class="icon-button job-button" @click="jobLogShowOpen">
+          <el-icon :size="20">
+            <Message />
+          </el-icon>
+        </div>
+        <div class="search-container">
+          <div class="search-icon">
+            <el-icon :size="20" @click="showSeatch = !showSeatch" class="icon-top">
+              <Search />
+            </el-icon>
           </div>
-          <div :style="{'width': showSeatch ? '270px' : '0'}" class="trnsitinForm">
+          <div :style="{ 'width': showSeatch ? '270px' : '0' }" class="trnsitinForm">
             <el-input v-model="searchText" placeholder="请输入身份证" clearable>
               <template #append>
                 <el-button type="primary" @click="handleSearch">搜索</el-button>
@@ -89,25 +104,25 @@
           </div>
           <!-- 搜索 -->
         </div>
-        <div style="width: 100%;border: 1px sienna;position: relative">
-          <GdMap></GdMap>
+        <div class="map-container">
+          <GdMap :mapid="'map-91'"></GdMap>
         </div>
-        <div class="flex-1" style="width: 340px;position: absolute;z-index: 100;right: 0;">
+        <div class="deploy-control">
           <DeployControl />
         </div>
-        <div class="flex-1" style="width: 340px;position: absolute;z-index: 100;left: 0;top: 30%;">
+        <div class="general-window">
           <GeneralWindow />
         </div>
       </div>
     </div>
     <!-- 底部 -->
     <div class="home-foot-t">
-      <div style="width: 33%;">
+      <div class="foot-item">
         <!-- <WarningDistrict></WarningDistrict> -->
         <WarningPoints></WarningPoints>
       </div>
-      <div style="width: 33%;">
-         <transition name="flip" mode="out-in">
+      <div class="foot-item">
+        <transition name="flip" mode="out-in">
           <div :key="'qb'" v-if="modelWarning" class="flip-wrapper">
             <SevenWarning @changeModel="changeModel"></SevenWarning>
             <!-- <WarningLevels @changeModel="changeModel"></WarningLevels> -->
@@ -115,9 +130,9 @@
           <div :key="'text'" v-else class="flip-wrapper">
             <BkWarning @changeModel="changeModel"></BkWarning>
           </div>
-         </transition>
+        </transition>
       </div>
-      <div style="width: 33%;">
+      <div class="foot-item">
         <Bkcz></Bkcz>
       </div>
     </div>
@@ -129,12 +144,13 @@
   <PeoDialog ref="peoDialogRef"></PeoDialog>
   <!-- 权限申请 -->
   <QxsqDialog />
+  <JobLog v-model="jobLogShow" />
 </template>
 
 <script setup>
 import QxsqDialog from './components/qxsqDialog.vue'
-import { qcckGet ,qcckPost} from "@/api/qcckApi.js";
-import { ref, onMounted, onUnmounted,getCurrentInstance } from 'vue'
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { ref, onMounted, onUnmounted, getCurrentInstance } from 'vue'
 import PeoDialog from './components/peoDialog.vue'
 import LeftDialog from './dialog/leftDialog'
 import GdMap from "@/components/GdMap/index.vue";
@@ -166,6 +182,9 @@ import MyCase from './model/myCase.vue'
 // 导入音频播放器工具类
 import audioPlayer from '@/utils/audioPlayer'
 import TestDiv from "@/components/common/TestDiv.vue";
+import router from '../../router';
+import JobLog from './dialog/jobLog.vue'
+
 const { proxy } = getCurrentInstance();
 const modelWarning = ref(true)
 const modelQbsb = ref(true)
@@ -193,7 +212,7 @@ const changeXzqh = (val, trg) => {
           type: "Polygon",
           coordinates: [area] // 确保格式正确
         },
-        properties: { },
+        properties: {},
         type: "Feature"
       }))
       // 循环为每个区域创建单独的多边形，这样可以设置不同的样式
@@ -272,11 +291,11 @@ const getDepId = () => {
 const handleOpenNotification = () => {
   clearInterval(popupTimer.value)
   showNotification.value = !showNotification.value;
-  emitter.emit('deletePointArea','hm_pop')
-  if(showNotification.value){
+  emitter.emit('deletePointArea', 'hm_pop')
+  if (showNotification.value) {
     // 主动展开提示，默认展示所有
     allDep.value.forEach(item => {
-      emitter.emit("makerPopup", { data:item, flag: "hm_pop",type:'Custom'});
+      emitter.emit("makerPopup", { data: item, flag: "hm_pop", type: 'Custom' });
     })
   } else {
     // 关闭主动展开后，恢复循环单条气泡展示
@@ -289,7 +308,7 @@ const makerCenter = () => {
   qcckGet({}, '/mosty-gsxt/lzJcjPjdb/selectCountNew').then(res => {
     let list = res || [];
     allDep.value = list;
-    emitter.emit("addPointArea", { coords:list, icon: dw, flag: "hm", size: '14px', showTitle: false, offset: [0, -25] });
+    emitter.emit("addPointArea", { coords: list, icon: dw, flag: "hm", size: '14px', showTitle: false, offset: [0, -25] });
   })
 
 }
@@ -319,8 +338,8 @@ const startPopupLoop = () => {
   clearInterval(popupTimer.value)
   popupTimer.value = setInterval(() => {
     if (!showNotification.value && allDep.value.length > 0) {
-      emitter.emit('deletePointArea','hm_pop')
-      emitter.emit("makerPopup", { data: allDep.value[indexNum.value], flag: "hm_pop", type:'Custom' })
+      emitter.emit('deletePointArea', 'hm_pop')
+      emitter.emit("makerPopup", { data: allDep.value[indexNum.value], flag: "hm_pop", type: 'Custom' })
       indexNum.value = (indexNum.value + 1) % allDep.value.length
     }
   }, 10000)
@@ -328,8 +347,8 @@ const startPopupLoop = () => {
 
 // 搜索
 const handleSearch = () => {
-  if(!searchText.value) return proxy.$message.warning('请输入身份证号');
-  qcckPost({ rysfzh: searchText.value },'/mosty-gsxt/tbYjxx/getPageAllList').then(res => {
+  if (!searchText.value) return proxy.$message.warning('请输入身份证号');
+  qcckPost({ rysfzh: searchText.value }, '/mosty-gsxt/tbYjxx/getPageAllList').then(res => {
     peoDialogRef.value.init(res.records || [])
   })
 }
@@ -340,7 +359,7 @@ const getTbYjxxGetList = () => {
   const today = new Date();
   const startTime = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 0, 0, 0).getTime();
   const endTime = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 23, 59, 59).getTime();
-  const promes = { startTime:timeValidate(startTime), endTime:timeValidate(endTime), }
+  const promes = { startTime: timeValidate(startTime), endTime: timeValidate(endTime), }
   tbYjxxGetList(promes).then(res => {
     const coords = res.map(item => {
       return { id: item.id, jd: item.jd, wd: item.wd, yjtp: item.yjTp, yjnr: item.yjNr, yjLx: item.yjlx, yjlx: '01', yjsj: item.yjSj, rysfzh: item.yjRysfzh, ryxm: item.yjRyxm }
@@ -355,7 +374,7 @@ const reversalPush = () => {
   // 移除clearInterval调用，避免定时器被清除
 }
 
-const reversal= () => {
+const reversal = () => {
   reversalShow.value = !reversalShow.value
   // 移除clearInterval调用，避免定时器被清除
 }
@@ -377,7 +396,7 @@ const mouseLeave = () => {
   }, 30000)
 }
 
-function changeModel(){
+function changeModel() {
   modelWarning.value = !modelWarning.value
 }
 
@@ -385,9 +404,9 @@ function changeModel(){
 onMounted(() => {
   getDepId()
   makerCenter()
-  bnTimer.value = setInterval(()=>{
+  bnTimer.value = setInterval(() => {
     makerCenter()
-  },60000)
+  }, 60000)
   startPopupLoop()
   mouseLeave()
   getTbYjxxGetList()
@@ -425,7 +444,6 @@ onMounted(() => {
     audioPlayer.pause()
   })
 })
-
 onUnmounted(() => {
   clearInterval(timing.value)
   clearInterval(bnTimer.value)
@@ -433,10 +451,101 @@ onUnmounted(() => {
   // 组件卸载时停止音频播放并释放资源
   if (audioPlayer) audioPlayer.destroy();
 })
+
+const mapNavigationShowOk = () => {
+  router.push({ path: '/mapNavigation' })
+}
+
+// 岗位日志
+const jobLogShow = ref(false)
+const jobLogShowOpen = () => {
+  jobLogShow.value = true
+}
 </script>
 
 <style lang="scss" scoped>
 @import "@/assets/css/homeScreen.scss";
+
+.homeBox {
+  background-color: #07274d;
+}
+
+.relative-full-height {
+  position: relative;
+  height: 100%;
+}
+
+.icon-button {
+  width: 30px;
+  position: absolute;
+  z-index: 100;
+  background-color: #07274d;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+}
+
+.audio-button {
+  left: 0;
+}
+
+.notification-button {
+  left: 34px;
+}
+
+.map-button {
+  left: 105px;
+}
+
+.job-button {
+  left: 140px;
+}
+
+.search-container {
+  display: flex;
+  position: absolute;
+  z-index: 100;
+  left: 70px;
+  background-color: #07274d;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+}
+
+.search-icon {
+  width: 30px;
+}
+
+.icon-top {
+  position: relative;
+  top: 3px;
+}
+
+.map-container {
+  width: 100%;
+  border: 1px solid sienna;
+  position: relative;
+}
+
+.deploy-control {
+  width: 340px;
+  position: absolute;
+  z-index: 100;
+  right: 0;
+}
+
+.general-window {
+  width: 340px;
+  position: absolute;
+  z-index: 100;
+  left: 0;
+  top: 30%;
+}
+
+.foot-item {
+  width: 33%;
+}
+
 .fxq {
   border-radius: 35px;
   width: 35px;
@@ -445,6 +554,7 @@ onUnmounted(() => {
   transform-origin: left center;
   overflow: hidden;
   margin-bottom: 10px;
+
   .icon {
     display: flex;
     align-items: center;
@@ -469,24 +579,30 @@ onUnmounted(() => {
     }
   }
 }
+
 .fxq2 {
   background-color: #9d88f9;
 }
+
 .fxq1:hover {
   width: 120px;
 }
+
 .fxq2:hover {
   width: 120px;
 }
+
 .fxq3:hover {
   width: 120px;
 }
+
 ::v-deep .badge-top-left .el-badge__content {
   top: 0;
   right: auto;
   left: -10px;
   transform: translateY(-50%) translateX(-50%);
 }
+
 .badge-content {
   display: flex;
   flex-direction: column;
@@ -497,9 +613,11 @@ onUnmounted(() => {
   min-height: 45px;
   /* 确保收缩时有足够空间显示第一个图标 */
 }
+
 .badge-content:not(.expanded) {
   max-height: 45px;
 }
+
 /* 收缩时只显示第一个图标，隐藏其他内容 */
 .badge-content:not(.expanded)> :not(:first-child) {
   opacity: 0;
diff --git a/src/views/home/layout/head.vue b/src/views/home/layout/head.vue
index 6090271..5316c41 100644
--- a/src/views/home/layout/head.vue
+++ b/src/views/home/layout/head.vue
@@ -75,7 +75,7 @@
         <div class="flex align-center">
           <img class="mr10" src="@/assets/images/icon_046.png" alt="" />
           <div class="f14 user-info">
-            <div :style="{color:isRed ? '#ff5500' : '#fff',fontWeight:isRed ? 'bold' : 'normal'}">{{ userName }}</div>
+            <div :style="{ color: isRed ? '#ff5500' : '#fff', fontWeight: isRed ? 'bold' : 'normal' }">{{ userName }}</div>
             <div class="dept-text" :title="dept">{{ dept }}</div>
           </div>
 
@@ -132,6 +132,9 @@ const props = defineProps({
   type: {
     type: String,
     default: ''
+  }, defDay: {
+    type: Boolean,
+    default: true
   }
 });
 const wekendays = ref([
@@ -171,7 +174,7 @@ onMounted(() => {
 });
 /** 获取名字是否标红 */
 function getIsRed() {
-  getUserIsRed().then(res=>{
+  getUserIsRed().then(res => {
     isRed.value = res === true
   })
 }
@@ -189,7 +192,13 @@ const handleBtns = (val) => {
       router.push("/ResearchHome");
       break;
     case "后台":
-      router.push("/YjData");
+      if (props.defDay) {
+        router.push("/YjData");
+      } else {
+        router.push("/");
+      }
+
+
       break;
     case "安全监控":
       router.push("/resourceMonitoring");
diff --git a/src/views/home/model/mapNavigation.vue b/src/views/home/model/mapNavigation.vue
new file mode 100644
index 0000000..d99934d
--- /dev/null
+++ b/src/views/home/model/mapNavigation.vue
@@ -0,0 +1,635 @@
+<template>
+  <div class="homeBox">
+    <!-- <div class="header">
+      <div class="title">
+        <el-icon><Map /></el-icon>
+        地图导航
+      </div>
+      <div class="close-button" @click="close">
+        <el-icon>
+          <Close />
+        </el-icon>
+      </div>
+    </div> -->
+
+    <Head :defDay="false"></Head>
+    <div class="map-container">
+      <GdMap :mapid="'map-99'"></GdMap>
+      <div class="button-container">
+        <template v-for="(value, index) in butList" :key="index">
+          <el-popover v-if="value.label === '警情' && value.onChage" placement="top" :width="200" trigger="hover">
+            <template #reference>
+              <div class="but" :class="{ 'butOk': value.onChage }" @click="changeBut(value)">
+                {{ value.label }}
+              </div>
+            </template>
+            <div class="jqdj-popover">
+              <el-checkbox-group v-model="jqdjdmFilter" @change="handleJqdjFilterChange">
+                <el-checkbox v-for="item in D_BZ_JQDJ" :key="item.dm" :label="item.dm">
+                  {{ item.zdmc }}
+                </el-checkbox>
+              </el-checkbox-group>
+            </div>
+          </el-popover>
+          <div v-else class="but" :class="{ 'butOk': value.onChage }" @click="changeBut(value)">
+            {{ value.label }}
+          </div>
+        </template>
+      </div>
+    </div>
+    <div class="list">
+      <div class="titel">
+        <div class="levelOneAlert">{{ listTitle }}</div>
+        <div class="switchover" @click="change">切换</div>
+      </div>
+      <div class="search">
+        <div class="jqdj-filter" v-if="changeState">
+          <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange">
+            全选
+          </el-checkbox>
+          <el-checkbox-group v-model="selectedJqdj" @change="handleCheckedChange">
+            <el-checkbox v-for="item in D_BZ_JQDJ" :key="item.dm" :label="item.dm">
+              {{ item.zdmc }}
+            </el-checkbox>
+          </el-checkbox-group>
+        </div>
+        <div>
+          <el-input v-model="promes.jjdbh" :placeholder="changeState ? '输入接警单编号' : '输入事件标题'" class="input-with-select"
+            clearable />
+          <el-button class="button-model" type="primary" @click="search">搜索</el-button>
+          <el-button type="success" :icon="Plus" @click="changeChooseShow" v-if="!changeState" />
+        </div>
+
+      </div>
+      <div class="dataList" v-infinite-scroll="loadMore" infinite-scroll-disabled="loading"
+        infinite-scroll-distance="10">
+
+        <template v-if="changeState">
+          <div class="item" v-for="(item, index) in jqList" :key="index" @click="clickJq(item)">
+            <div class="data-title">接警单：{{ item.jjdbh }}</div>
+            <div class="data-row">
+              <div class="data-title">报警人：{{ item.bjrmc }}</div>
+              <div class="data-title">报警电话：{{ item.bjdh }}</div>
+            </div>
+            <div class="data-row">
+              <div class="data-title data-row">
+                警情等级：
+                <DictTag :tag="false" color="red" :value="item.jqdjdm" :options="D_GS_BQ_DJ" />
+              </div>
+              <div class="data-title data-row">警情类别：
+                <DictTag :tag="false" :value="item.jqlbdm" :options="JQLB" color="#fff" />
+              </div>
+            </div>
+            <div class="data-title content">报警内容：{{ item.bjnr }}</div>
+            <div class="data-title">报警时间：{{ item.bjsj }}</div>
+            <div class="data-title imTyle" @click.stop="updetDz(item)">报警地址：<img src="@/assets/point/dingwei.png"
+                alt="" />{{ item.bjdz }}</div>
+          </div>
+        </template>
+        <template v-else>
+          <div class="item" v-for="(item, index) in zdsjList" :key="index" @click="clickJq(item)">
+            <div class="data-title">事件标题:{{ item.sjbt }}</div>
+            <div class="data-title display-flex">事件状态：
+              <DictTag :tag="false" color="#fff" :value="item.sjzt" :options="D_BZ_ZDSJCZJG" />
+            </div>
+            <div class="data-title">处置结果：{{ item.czjg }}</div>
+            <div class="data-title">发生时间：{{ item.fssj }}</div>
+            <div class="data-title">事件性质：{{ item.sjxz }}</div>
+            <div class="data-title">事件描述：{{ item.shms }}</div>
+            <div class="data-title imTyle" @click.stop="updetDz(item)">事件地址：<img src="@/assets/point/dingwei.png"
+                alt="" />{{ item.sjdz }}</div>
+            <div class="data-title">所属部门：{{ item.ssbm }}</div>
+          </div>
+        </template>
+      </div>
+    </div>
+  </div>
+  <ZdsjLod v-model="chooseShow" :dict="{ D_BZ_ZDSJCZJG }" :zbData="zbData" />
+  <!-- 左边弹窗 -->
+  <LeftDialog></LeftDialog>
+</template>
+<script setup>
+import LeftDialog from '../dialog/leftDialog.vue'
+import GdMap from "@/components/GdMap/index.vue";
+import { ref, onMounted, getCurrentInstance, onUnmounted } from 'vue'
+import { Close, Map, Plus } from '@element-plus/icons-vue';
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import emitter from "@/utils/eventBus.js";
+import ZdsjLod from "@/views/home/dialog/zdsjLod.vue";
+import Head from '../layout/head.vue'
+const { proxy } = getCurrentInstance();
+const { D_GS_BQ_DJ, JQLB, D_BZ_ZDSJCZJG, D_BZ_JQDJ } = proxy.$dict('D_GS_BQ_DJ', "JQLB", "D_BZ_ZDSJCZJG", "D_BZ_JQDJ"); //获取字典数据
+
+const butList = ref([
+  {
+    label: '警情',
+    onChage: true
+  },
+  {
+    label: '事件',
+    onChage: true
+  },
+  {
+    label: '清除',
+    onChage: false
+  }
+])
+const rowData = ref()
+
+// 警情等级筛选（底部按钮的popover）
+const jqdjdmFilter = ref([])
+
+// 处理警情等级筛选变化
+const handleJqdjFilterChange = () => {
+  getLzJcjPjdb()
+}
+
+// 底部按钮
+const changeBut = (row) => {
+
+  if (row.label == '清除') {
+    emitter.emit('deletePointArea', 'sj_flash')
+    emitter.emit('deletePointArea', 'jq_flash')
+
+    return
+  }
+  let index = butList.value.findIndex(item => item.label == row.label)
+  butList.value[index].onChage = !butList.value[index].onChage
+  if (index == 0) {
+    if (butList.value[index].onChage) {
+      getLzJcjPjdb()
+    } else {
+      jqdjdmFilter.value = [] // 清空选中的警情等级
+      emitter.emit("deletePointArea", "jq")
+    }
+  } else {
+    if (butList.value[index].onChage) {
+      getZdsj()
+    } else {
+      emitter.emit("deletePointArea", "sj")
+    }
+  }
+}
+// 获取所有的一级警情
+const getLzJcjPjdb = () => {
+  const jqdjdmStr = jqdjdmFilter.value.length > 0 ? jqdjdmFilter.value.join(',') : ''
+  emitter.emit("deletePointArea", "jq")
+  qcckGet({
+    jqdjdm: jqdjdmStr
+  }, "/mosty-gsxt/lzJcjPjdb/selectList").then(res => {
+    let list = res.filter(item => item.fxdwjd && item.fxdwjd).map(item => {
+      return {
+        ...item,
+        jd: item.fxdwjd,
+        wd: item.fxdwwd
+      }
+    }) || [];
+    const dw = require("@/assets/point/jq.png")
+
+    emitter.emit("addPoint", { coords: list, icon: dw, flag: "jq" });
+  })
+}
+
+const loading = ref(false)
+const changeState = ref(true)// 点击切换
+// 获取所有的重点事件
+const getZdsj = () => {
+  qcckGet({}, "/mosty-gsxt/zdsj/selectList").then(res => {
+    let list = res.filter(item => item.jd && item.wd).map(item => {
+      return {
+        ...item,
+      }
+    }) || [];
+    const dw = require("@/assets/point/zl.png")
+    emitter.emit("addPoint", { coords: list, icon: dw, flag: "sj" });
+  })
+}
+// 分页查询一级警情
+const jqList = ref([])
+// 分页查询重点事件
+const zdsjList = ref([])
+
+// 警情等级多选
+const checkAll = ref(false)
+const isIndeterminate = ref(false)
+const selectedJqdj = ref([])
+
+// 全选/取消全选 - 点击全选按钮时触发
+const handleCheckAllChange = (val) => {
+  if (val) {
+    // 全选：选中所有选项
+    selectedJqdj.value = D_BZ_JQDJ.value.map(item => item.dm)
+  } else {
+    // 取消全选：清空所有选项
+    selectedJqdj.value = []
+  }
+  isIndeterminate.value = false
+  promes.value.currentPage = 1
+  getList()
+}
+
+// 多选框变化 - 点击具体选项时触发
+const handleCheckedChange = (value) => {
+  const checkedCount = value.length
+  const totalCount = D_BZ_JQDJ.value.length
+
+  // 只有当所有选项都选中时，全选按钮才为勾选状态
+  checkAll.value = checkedCount === totalCount
+  // 部分选中时显示半选状态
+  isIndeterminate.value = checkedCount > 0 && checkedCount < totalCount
+
+  promes.value.currentPage = 1
+  getList()
+}
+
+// 分页查询
+const promes = ref({
+  currentPage: 1,
+  pageSize: 10,
+  jjdbh: ''
+})
+const getList = () => {
+  loading.value = true
+  if (changeState.value) {
+    // 将选中的警情等级转为字符串
+    const jqdjdmStr = selectedJqdj.value.length > 0 ? selectedJqdj.value.join(',') : ''
+    qcckGet({ ...promes.value, jqdjdm: jqdjdmStr }, "/mosty-gsxt/lzJcjPjdb/selectPage").then(res => {
+      jqList.value = promes.value.currentPage == 1 ? res.records : jqList.value.concat(res.records)
+    }).finally(() => {
+      loading.value = false
+    })
+  } else {
+    qcckGet({ ...promes.value, sjbt: promes.value.jjdbh }, "/mosty-gsxt/zdsj/selectPage").then(res => {
+      zdsjList.value = promes.value.currentPage == 1 ? res.records : zdsjList.value.concat(res.records)
+    }).finally(() => {
+      loading.value = false
+    })
+  }
+
+}
+// chooseShow 弹窗
+const chooseShow = ref(false)
+const changeChooseShow = (val) => {
+  chooseShow.value = true
+}
+// 滚动加载
+const loadMore = () => {
+  if (loading.value) return
+  promes.value.currentPage++
+  getList()
+}
+// 搜索一级警情
+const search = () => {
+  promes.value.currentPage = 1;
+  getList()
+}
+
+onMounted(() => {
+  emitter.on("coordString", coordStringHandler);
+  // 初始化选中所有警情等级
+  selectedJqdj.value = D_BZ_JQDJ.value.map(item => item.dm)
+  checkAll.value = false
+  getLzJcjPjdb()
+  getZdsj()
+  getList()
+})
+
+// 组件卸载时移除事件监听器
+onUnmounted(() => {
+  emitter.off("coordString", coordStringHandler);
+});
+//点击
+const updetDz = (row) => {
+  if (changeState.value) {
+    proxy.$confirm('是否进行定位?', "警告", { type: "warning" }
+    ).then(() => {
+      rowData.value = row
+      emitter.emit("drawShape", {
+        flag: "jq",
+        type: "point",
+        isclear: true
+      });
+    })
+  } else {
+    proxy.$confirm('是否进行定位?', "警告", { type: "warning" }
+    ).then(() => {
+      rowData.value = row
+      emitter.emit("drawShape", {
+        flag: "sj",
+        type: "point",
+        isclear: true
+      });
+    })
+  }
+}
+
+const clickJq = (row) => {
+  emitter.emit('deletePointArea', 'sj_flash')
+  emitter.emit('deletePointArea', 'jq_flash')
+  if (changeState.value) {
+    // 添加新的闪烁点位
+    emitter.emit('addPointArea', { flag: 'jq_flash', coords: [{ jd: row.fxdwjd, wd: row.fxdwwd }], flash: true, offset: [-1, 28] })
+    // 定位到该点
+    emitter.emit('setMapCenter', { location: [row.fxdwjd, row.fxdwwd], zoomLevel: 15 })
+  } else {
+    // 添加新的闪烁点位
+    emitter.emit('addPointArea', { flag: 'sj_flash', coords: [{ jd: row.jd, wd: row.wd }], flash: true, offset: [-1, 28] })
+    // 定位到该点
+    emitter.emit('setMapCenter', { location: [row.jd, row.wd], zoomLevel: 15 })
+  }
+}
+
+
+
+
+const listTitle = ref('一级警情')
+const change = (row) => {
+  changeState.value = !changeState.value
+  listTitle.value = changeState.value ? '一级警情' : '重大事件'
+  getList()
+}
+const zbData = ref()
+// 事件处理函数
+const coordStringHandler = (res) => {
+  if (res.type === "point") {
+    if (chooseShow.value) {
+      zbData.value = res.coord
+    } else {
+      proxy.$confirm('确定定位吗?', "警告", { type: "warning" }
+      ).then(() => {
+        if (changeState.value) {
+          qcckPost({
+            jjdbh: rowData.value.jjdbh,
+            fxdwjd: res.coord[0],
+            fxdwwd: res.coord[1],
+          }, "/mosty-gsxt/lzJcjPjdb/updateJqJwd").then(resData => {
+            // emitter.emit("addPoint", { coords: [{jd:res.coord[0],wd:res.coord[1]}], icon: require("@/assets/point/jq.png"), flag: "jq" });
+            proxy.$message({ type: "success", message: "定位成功" });
+            emitter.emit('deletePointArea', 'jq');
+            getLzJcjPjdb()
+          })
+        } else {
+          qcckPost({
+            id: rowData.value.id,
+            jd: res.coord[0],
+            wd: res.coord[1],
+          }, "/mosty-gsxt/zdsj/updateEntity").then(resData => {
+            proxy.$message({ type: "success", message: "定位成功" });
+            emitter.emit('deletePointArea', 'sj');
+            getZdsj()
+          })
+        }
+      })
+    }
+  }
+};
+
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/css/homeScreen.scss";
+
+.qbfkBox {
+  width: 100%;
+  height: 100%;
+
+  background-color: #07274d;
+
+}
+
+
+.title {
+  font-size: 18px;
+  font-weight: bold;
+  color: #008efc;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.close-button {
+  width: 40px;
+  height: 40px;
+  background-color: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: white;
+  font-size: 20px;
+  transition: all 0.3s ease;
+
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-color: rgba(255, 255, 255, 0.3);
+    transform: scale(1.1);
+  }
+
+  &:active {
+    transform: scale(0.95);
+  }
+}
+
+.map-container {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  animation: fadeIn 0.5s ease-out 0.2s both;
+
+}
+
+.list {
+  position: absolute;
+  top: 70px;
+  right: 20px;
+  width: 350px;
+  height: 600px;
+  background-color: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  border-radius: 5px;
+  // padding: 10px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
+  background: #052249;
+  overflow: auto;
+  z-index: 3;
+
+  .titel {
+    background: url('~@/assets/images/bg17.png') no-repeat center center;
+    background-size: 100% 100%;
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    font-size: 16px;
+    font-weight: bold;
+    color: white;
+    display: flex;
+    justify-content: space-between;
+    padding: 0 20px;
+    align-items: center;
+
+    .levelOneAlert {
+      margin-left: 20px;
+    }
+
+    .switchover {
+      font-size: 14px;
+      color: #ff6702;
+      font-weight: bold;
+      cursor: pointer;
+    }
+
+
+  }
+
+  .search {
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+    .jqdj-filter {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 10px;
+      align-items: center;
+      color: white;
+
+      :deep(.el-checkbox) {
+        color: white;
+        margin-right: 10px;
+      }
+
+      :deep(.el-checkbox__label) {
+        color: white;
+      }
+    }
+
+    >div:last-child {
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: nowrap;
+    }
+
+    .button-model {
+      margin-left: 10px;
+    }
+  }
+
+  .dataList {
+    height: calc(100% - 135px);
+    background-color: #052249;
+    overflow: auto;
+    padding: 5px 0;
+
+    .item {
+      background-color: #0a3a6e;
+      border-radius: 5px;
+      padding: 5px;
+      margin: 0 10px 5px;
+    }
+
+    .data-title {
+      color: white;
+      font-size: 14px;
+      line-height: 1.5;
+      padding: 2px 0;
+    }
+
+    .content {
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 3;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .data-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: 10px;
+
+      .data-title {
+        // flex: 1;
+      }
+    }
+  }
+}
+
+.button-container {
+  // background-color: rgb(0, 0, 0);
+  position: absolute;
+  bottom: 20px;
+  width: 50%;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1;
+  display: flex;
+  justify-content: center;
+
+  .but {
+    width: 155px;
+    height: 33px;
+    background-image: url('~@/assets/images/home_btns_right.png');
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    font-size: 16px;
+    font-weight: bold;
+  }
+
+  .butOk {
+    width: 155px;
+    height: 33px;
+    background-image: url('~@/assets/images/home_btns_right_active.png');
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+}
+
+.jqdj-popover {
+  :deep(.el-checkbox-group) {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  :deep(.el-checkbox) {
+    margin-right: 0;
+  }
+}
+
+.display-flex {
+  display: flex;
+}
+
+.imTyle {
+  display: flex;
+  align-items: center;
+
+  img {
+    margin-right: 4px;
+  }
+}
+
+// 动画效果
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+</style>
diff --git a/vue.config.js b/vue.config.js
index 7b50ece..4054f28 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -62,22 +62,23 @@ module.exports = {
       "/chat": {
         target: 'https://api.deepseek.com/',
         changeOrigin: true,
-        logLevel: "debug",
+        logLevel: "debug"
       },
       "/bpm": {
         target: "http://192.168.0.101:32001",
         changeOrigin: true,
-        logLevel: "debug",
+        logLevel: "debug"
       },
       "/flowApproval": {
         target: "http://192.168.0.101:32001",
         changeOrigin: true,
-        logLevel: "debug",
-      }, "/orgOrganization": {
+        logLevel: "debug"
+      },
+      "/orgOrganization": {
         target: "http://192.168.0.101:32001",
         changeOrigin: true,
-        logLevel: "debug",
-      },
+        logLevel: "debug"
+      }
     }
   },
   // resolve: {