diff --git a/frontend/src/renderer/src/assets/svg/u125.svg b/frontend/src/renderer/src/assets/svg/u125.svg
new file mode 100644
index 00000000..c34c2cc3
--- /dev/null
+++ b/frontend/src/renderer/src/assets/svg/u125.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -471 -604 )">
+    <path d="M 2.50414235937501 0  C 3.87625279687495 0  4.98789009375002 1.11158993749996  4.98789009375002 2.48291045312499  C 4.98789009375002 3.854964359375  3.87625432812501 4.96656957812502  2.50414235937501 4.96656957812502  C 1.13276376562499 4.96656957812502  0.0210974531249803 3.85494909374995  0.0210974531249803 2.48291045312499  C 0.0210974531249803 1.11158992187495  1.13276378124999 0  2.50414235937501 0  Z M 7.098429984375 0  C 7.78448520312497 0  8.34031149999998 0.555801843750032  8.34031149999998 1.24182956250002  C 8.34031149999998 1.92782671875  7.78448521874998 2.48364384374997  7.098429984375 2.48364384374997  C 6.41237475000003 2.48364384374997  5.85656374999996 1.92784200000006  5.85656374999996 1.24182956250002  C 5.85656374999996 0.555801843750032  6.41237476562503 0  7.098429984375 0  Z M 10.69892884375 0.309903156250016  C 11.38498559375 0.309889406250022  11.940795078125 0.865706515624993  11.940795078125 1.55173271875003  C 11.940795078125 2.23776043750001  11.3849840625001 2.79356228125005  10.69892884375 2.79356228125005  C 10.012873625 2.79356228125005  9.45704732812499 2.23776043750001  9.45704732812499 1.55173271875003  C 9.45704732812499 0.865705000000048  10.012873609375 0.309903156250016  10.69892884375 0.309903156250016  Z M 13.617007296875 1.92420717187497  C 14.30304725 1.92420717187497  14.8588888125 2.48001054687495  14.8588888125 3.16603673437498  C 14.8588888125 3.85206445312497  14.30306253125 4.407866296875  13.617007296875 4.407866296875  C 12.930952078125 4.407866296875  12.3751410625 3.85206445312497  12.3751410625 3.16603673437498  C 12.3751410625 2.480009015625  12.930952078125 1.92420717187497  13.617007296875 1.92420717187497  Z M 6.72520839062497 10.3674653125  C 6.11991084374995 9.57594962500002  3.09343687499995 9.34315098437503  3.88497240624997 6.36335835937496  C 3.88497240624997 6.36335835937496  4.676507953125 4.17506765625001  7.70299567187499 3.80259320312496  C 7.70299567187499 3.80259320312496  12.3751410625 3.47667328124999  13.1797766562499 8.0831213125  C 13.572634578125 10.333981796875  13.4089511562499 15.2096134375  9.79825217187499 15.95164409375  C 8.92667706249995 16.13062159375  6.399274703125 15.90800628125  6.72520839062497 13.626609578125  C 6.84015393749996 12.819808984375  7.59678350000002 11.506691546875  6.72520839062497 10.3674653125  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 471 604 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/svg/u14.svg b/frontend/src/renderer/src/assets/svg/u14.svg
new file mode 100644
index 00000000..03f39ab4
--- /dev/null
+++ b/frontend/src/renderer/src/assets/svg/u14.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="15px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -20 -68 )">
+    <path d="M 10 14.0353894412879  L 0.120591027462126 7.17959141216856  L 10 0.166593720407192  L 10 14.0353894412879  Z M 10 0.166647165009465  L 10 14.0814642814867  L 10.2509636008523 14.0585337653883  L 0.0753713896780255 7.17985866477272  L 10.2940986328125 0.119930900804931  L 10 0.166647165009465  Z M 10 0.21325651041667  L 0.165810635653429 7.17932415956439  L 10 13.9892611268939  L 10 0.21325651041667  Z M 18.5711613103693 7.92667737926136  C 19.9572551491477 9.55351497395833  19.9710989879262 12.3384774502841  19.9710989879262 12.3384774798769  C 19.9710989879262 12.3384774798769  19.7536599195076 11.1792300840436  19.0377893880208 10.4719651692708  C 18.4886862571023 9.92948999763257  18.1469199514678 9.62353589607008  17.3409308712122 9.45382868726325  C 15.2434029356061 9.01226917613636  5.67015113044505 9.45532531368372  5.67015113044505 9.45532531368372  L 5.67015113044505 5.42532640861742  C 5.67015113044505 5.42532640861742  12.0294419093277 5.32542631392046  14.1168676017992 5.76319078480114  C 14.736312352036 5.89307694128787  15.8322736446496 6.06043232125947  16.5773285097064 6.44191281960227  C 17.3805915897254 6.8532724609375  18.1643450224905 7.44925218986742  18.5711613103693 7.92667737926136  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 20 68 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/svg/u155.svg b/frontend/src/renderer/src/assets/svg/u155.svg
new file mode 100644
index 00000000..2654638d
--- /dev/null
+++ b/frontend/src/renderer/src/assets/svg/u155.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="11px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1271 -606 )">
+    <path d="M 11.3045078196872 1.90077626379218  L 11.3045078196872 3.21209917087594  C 11.3045078196872 3.26234142785233  11.251753449862 3.35026537756096  11.1462447102117 3.47587102000193  C 11.0407359705612 3.60147666244291  10.9276908923644 3.74969132052331  10.807109475621 3.92051499424303  C 10.6865280588777 4.09133866796276  10.5734829806809 4.2772350187754  10.4679742410303 4.47820404668096  C 10.36246550138 4.67917307458652  10.3097111315546 4.8851663281896  10.3097111315546 5.09618380749043  C 10.3097111315546 5.30720128679127  10.36246550138 5.5106824275457  10.4679742410303 5.70662722975362  C 10.5734829806809 5.90257203196154  10.6865280588777 6.08093204422767  10.807109475621 6.24170726655211  C 10.9276908923644 6.40248248887656  11.0407359705612 6.53562446986405  11.1462447102117 6.64113320951435  C 11.251753449862 6.74664194916477  11.3045078196872 6.81446899608295  11.3045078196872 6.84461435026878  L 11.3045078196872 8.42724544502494  C 11.3045078196872 8.59806911874466  11.2417049984667 8.79150180810382  11.1160993560259 9.00754351310229  C 10.9904937135848 9.22358521810077  10.8347427169581 9.42706635885509  10.6488463661453 9.61798693536537  C 10.4629500153328 9.80890751187565  10.2569567617295 9.96717062135133  10.0308666053359 10.0927762637922  C 9.80477644894199 10.2183819062332  9.5912468567924 10.2811847274537  9.39027782888684 10.2811847274537  L 1.89915731370752 10.2811847274537  C 1.62784912603502 10.2811847274537  1.37914995400183 10.2334545833261  1.15305979760819 10.1379942950709  C 0.926969641214328 10.0425340068159  0.728512726157533 9.90939202582842  0.557689052437809 9.7385683521087  C 0.386865378718085 9.56774467838898  0.25372339773071 9.36677565048342  0.158263109475683 9.13566126839203  C 0.0628028212204299 8.90454688630064  0.0150726770928031 8.65333560141869  0.0150726770928031 8.38202741374619  L 0.0150726770928031 1.88570358669926  C 0.0150726770928031 1.68473455879371  0.0602907083716673 1.47622919234175  0.150726770929168 1.26018748734327  C 0.241162833486669 1.0441457823448  0.369280588776519 0.845688867288118  0.53508003679849 0.664816742173116  C 0.700879484820689 0.483944617058114  0.896824287028494 0.333217846128946  1.12291444342236 0.212636429385611  C 1.349004599816 0.0920550126422768  1.59770377184918 0.0317643042706095  1.86901195952169 0.0317643042706095  L 9.360132474701 0.0317643042706095  C 9.63144066237351 0.0317643042706095  9.88516406010422 0.0794944483981226  10.1213026678934 0.174954736653262  C 10.3574412756823 0.270415024908402  10.5634345292856 0.401044893047015  10.7392824287028 0.5668443410691  C 10.9151303281203 0.732643789091185  11.0532965348052 0.93110070414798  11.153781048758 1.16221508623937  C 11.2542655627108 1.39332946833065  11.3045078196872 1.63951652751496  11.3045078196872 1.90077626379218  Z M 15.9921103955842 1.76512216995593  L 15.9921103955842 1.79526752414176  L 15.9921103955842 8.68348095560452  C 15.9921103955842 8.90454688630064  15.9343318000613 9.10049168850855  15.8187746090157 9.27131536222828  C 15.7032174179699 9.442139035948  15.5298816314014 9.52755087280786  15.29876724931 9.52755087280786  C 15.2183796381478 9.52755087280786  15.1153830113462 9.49740551862203  14.9897773689052 9.43711481025036  C 14.8641717264643 9.3768241018787  14.7385660840232 9.30648494211175  14.6129604415823 9.22609733094953  C 14.4873547991413 9.14570971978731  14.3692854952469 9.06532210862508  14.2587525298989 8.98493449746286  C 14.1482195645508 8.90454688630064  14.0678319533886 8.83923195223133  14.0175896964122 8.78898969525494  C 13.8869598282736 8.67845672990688  13.6885029132168 8.4875361533966  13.422218951242 8.21622796572422  C 13.1559349892671 7.94491977805171  12.8871389144433 7.63844201049574  12.615830726771 7.29679466305629  C 12.3445225390985 6.95514731561684  12.1058718184606 6.60345151678211  11.8998785648573 6.24170726655211  C 11.6938853112542 5.87996301632211  11.5908886844527 5.54836412027794  11.5908886844527 5.2469105784196  C 11.5908886844527 4.94545703656127  11.7014216498007 4.60129757627305  11.9224875804969 4.21443219755486  C 12.143553511193 3.82756681883666  12.4098374731677 3.44823777866497  12.7213394664213 3.07644507703969  C 13.032841459675 2.70465237541441  13.3594161300214 2.3604929151262  13.7010634774608 2.04396669617495  C 14.0427108249003 1.72744047722369  14.3290916896658 1.48878975658579  14.5602060717572 1.32801453426146  C 14.6506421343147 1.26772382588979  14.7737356639068 1.19487255327397  14.9294866605335 1.10946071641411  C 15.0852376571604 1.02404887955424  15.2234038638455 0.981342961124369  15.3439852805889 0.981342961124369  C 15.6152934682614 0.981342961124369  15.7911413676786 1.05670634658895  15.8715289788408 1.20743311751812  C 15.9519165900031 1.35815988844718  15.9921103955842 1.54405623925982  15.9921103955842 1.76512216995593  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1271 606 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/svg/u164.svg b/frontend/src/renderer/src/assets/svg/u164.svg
new file mode 100644
index 00000000..5f3b3988
--- /dev/null
+++ b/frontend/src/renderer/src/assets/svg/u164.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1271 -113 )">
+    <path d="M 0 2.30431893168605  C 0.0531561409884489 1.04717607194766  1.14285714026164 0.026578070494196  2.48903653706407 0.026578070494196  L 12.2352159520349 0.026578070494196  C 13.5800664425872 0.026578070494196  14.6710963481105 1.04717607194766  14.6710963481105 2.30431893168605  L 14.6710963481105 13.6956810683139  C 14.6710963481105 14.9528239280523  13.5813953488373 15.9734219295058  12.2352159520349 15.9734219295058  L 2.48903653706407 15.9734219295058  C 1.14418604651155 15.9734219295058  0.0531561409884489 14.9528239280523  0 13.6956810683139  L 0 2.30431893168605  Z M 12.2352159520349 1.16544851017443  L 2.48903653706407 1.16544851017443  C 1.81661128270343 1.16544851017443  1.2717607921511 1.67574751090118  1.2717607921511 2.30431893168605  L 1.2717607921511 13.6956810683139  C 1.2717607921511 14.3242524890989  1.81661128270343 14.8345515079942  2.48903653706407 14.8345514898256  L 12.2352159520349 14.8345514898256  C 12.9076412063955 14.8345514898256  13.4524916969476 14.3242524890989  13.4524916969476 13.6956810683139  L 13.4524916969476 2.30431893168605  C 13.4524916969476 1.67574751090118  12.9076412063955 1.16544849200582  12.2352159520349 1.16544851017443  Z M 2.71107331816233 5.34485049963664  C 2.71107331816233 5.71177420762504  3.00849157682455 6.00924165127614  3.37541527979647 6.00930232558139  C 3.74249176867511 6.0093023346657  4.03997698822059 5.71181711512028  4.03997698822059 5.34485049963664  C 4.03997698822059 4.97788388415299  3.74249176867511 4.68039866460757  3.37552515319135 4.68039866460757  C 3.00849157682455 4.68045934799713  2.71107331816233 4.9779267916482  2.71107331816233 5.34485049963664  Z M 2.71107331816233 8.0026578034157  C 2.71107331816233 8.36958151140411  3.00849157682455 8.66704895505521  3.37541527979647 8.66710962936045  C 3.74249176867511 8.66710963844477  4.03997698822059 8.36962441889935  4.03997698822059 8.0026578034157  C 4.03997698822059 7.63569118793205  3.74249176867511 7.33820596838663  3.37552515319135 7.33820596838663  C 3.00849157682455 7.33826665177619  2.71107331816233 7.63573409542727  2.71107331816233 8.0026578034157  Z M 3.37541527979647 11.3249169513082  C 3.74238189528023 11.3249169513082  4.03986711482571 11.0274317317627  4.03986711482571 10.6604651162791  C 4.03986711482571 10.2934985007954  3.74238189528023 9.99601328125001  3.37541527979647 9.99601328125001  C 3.00844866431294 9.99601328125001  2.71096344476746 10.2934985007954  2.71096344476746 10.6604651162791  C 2.71096344476746 11.0274317317627  3.00844866431294 11.3249169513082  3.37541527979647 11.3249169513082  Z M 4.70431893168598 5.34219269622093  C 4.70431893168598 5.70897011264535  4.95415281613373 6.00664453125  5.2624584665698 6.0066445130814  L 11.1229235828489 6.0066445130814  C 11.431229233285 6.0066445130814  11.6810631177325 5.70897009447674  11.6810631177325 5.34219269622093  C 11.6810631177325 4.97541529796513  11.431229233285 4.67774086119186  11.1229235828489 4.67774086119186  L 5.2624584665698 4.67774086119186  C 4.95415281613373 4.67774086119186  4.70431893168598 4.97541527979652  4.70431893168598 5.34219269622093  Z M 4.70431893168598 8  C 4.70431893168598 8.36677741642441  4.95415281613373 8.66445183502907  5.2624584665698 8.66445183502907  L 11.1229235828489 8.66445183502907  C 11.431229233285 8.66445183502907  11.6810631177325 8.36677741642441  11.6810631177325 8  C 11.6810631177325 7.63322258357559  11.431229233285 7.33554816497093  11.1229235828489 7.33554816497093  L 5.2624584665698 7.33554816497093  C 4.95415281613373 7.33554816497093  4.70431893168598 7.63322258357559  4.70431893168598 8  Z M 4.70431893168598 10.6578073037791  C 4.70431893168598 11.0245847020349  4.95415281613373 11.3222591388081  5.2624584665698 11.3222591388081  L 11.1229235828489 11.3222591388081  C 11.431229233285 11.3222591388081  11.6810631177325 11.0245847202035  11.6810631177325 10.6578073037791  C 11.6810631177325 10.2910298873547  11.431229233285 9.99335546875  11.1229235828489 9.9933554869186  L 5.2624584665698 9.9933554869186  C 4.95415281613373 9.9933554869186  4.70431893168598 10.2910299055233  4.70431893168598 10.6578073037791  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1271 113 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/svg/u58.svg b/frontend/src/renderer/src/assets/svg/u58.svg
new file mode 100644
index 00000000..c2bf1820
--- /dev/null
+++ b/frontend/src/renderer/src/assets/svg/u58.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -20 -113 )">
+    <path d="M 6.89803435773482 0.0122503798342564  C 5.95585189917128 0.0122503798342564  5.19135079419891 0.776771805939234  5.19135077693369 1.71893396063535  C 5.19135077693369 2.66121799033149  5.95577063190609 3.42561752417127  6.89803435773482 3.42561752417127  C 7.84031838743095 3.42561752417127  8.60471792127072 2.66121799033149  8.60471792127072 1.71893396063535  C 8.60471792127072 0.77667023480663  7.84023712016574 0.0122503970994501  6.89803435773482 0.0122503798342564  Z M 13.7246264157459 4.8531223756906  C 13.7246467368784 4.38204129834254  13.3423656940608 4.00158869129834  12.8713659012431 4  L 0.924682493093911 4  C 0.453601415745851 4.00158869129834  0.0714016574585514 4.38386971685082  0.0714016574585514 4.8548695269337  C 0.0714016574585514 5.32607249654697  0.453601415745851 5.70827225483426  0.924682493093911 5.70827225483426  L 4.42512284185082 5.70827225483426  C 4.62425759668508 5.74384509668508  4.89447707182322 5.84515961671271  5.03674810082873 6.21496679903315  C 5.20203686118785 6.64342548342542  5.12026605662984 7.40965341850828  5.01714342196132 8.05496217196132  L 4.88381130870167 8.81588770718233  C 4.88381130870167 8.81938200966852  4.88198289019337 8.8229372582873  4.88198289019337 8.82649252417127  L 3.80289274861877 14.9508714951657  C 3.72112194406077 15.4149436464088  4.03048983080112 15.857542058011  4.49456198204419 15.9393941298343  C 4.95845127762431 16.0210836671271  5.39586919889504 15.7117970476519  5.47753843232044 15.2478264675414  L 6.22424295580112 10.9829866022099  L 6.22424295580112 10.9882686809392  C 6.22424295580112 10.9882686809392  6.44645637085637 9.8327101519337  6.88021745511048 9.8327101519337  L 6.9193658667127 9.8327101519337  C 7.36198459944751 9.8327101519337  7.5753606871547 10.9882686809392  7.5753606871547 10.9882686809392  L 7.5753606871547 10.9847134323204  L 8.32196363950277 15.247806163674  C 8.40383601519338 15.7117767265193  8.8428994993094 16.0210633459945  9.3068700621547 15.9393738087017  C 9.77084062500001 15.8575014330111  10.0802085117403 15.4149030041436  9.99671087707182 14.9508511740331  L 8.91579233425415 8.82472505179558  L 8.91579233425415 8.82289663328729  C 8.91579233425415 8.8193413846685  8.91396391574585 8.81578613604972  8.91396391574585 8.81221056629835  L 8.77890495511051 8.05128501381215  C 8.67576201657459 7.40780467886741  8.59401153314917 6.64157674378453  8.75938154350828 6.21309775552486  C 8.90155100138122 5.84341248273481  9.17353794889502 5.74209794544198  9.37090523135359 5.70652510359116  L 12.8713455801105 5.70652510359116  C 13.3424266574586 5.70652510359116  13.7246264157459 5.32422375690608  13.7246264157459 4.8531223756906  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 20 113 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/svg/u67.svg b/frontend/src/renderer/src/assets/svg/u67.svg
new file mode 100644
index 00000000..fc3452ee
--- /dev/null
+++ b/frontend/src/renderer/src/assets/svg/u67.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -470 -113 )">
+    <path d="M 11.8454545454545 14.9454545454545  C 11.3545454545454 14.3181818181818  10.9181818181818 13.5636363636364  10.8181818181818 13.2  C 15.0272727272727 11.9727272727273  15.7363636363635 8.84545454545454  15.7818181818182 7.07272727272726  C 15.8909090909091 3.22727272727272  13.4727272727272 0.490909090909099  9.63636363636363 0.109090909090895  C 7.0272727272727 -0.145454545454555  3.9909090909091 0.818181818181813  3.08181818181822 3.56363636363636  C 2.9909090909091 3.83636363636364  2.9545454545455 4.06363636363636  2.92727272727268 4.22727272727272  C 2.92727272727268 4.25454545454545  2.91818181818178 4.28181818181818  2.91818181818178 4.30909090909091  C 2.61818181818182 4.45454545454547  1.90909090909088 4.81818181818181  0.618181818181824 5.48181818181817  C 0.372727272727275 5.59999999999999  0.200000000000045 5.82727272727271  0.136363636363626 6.09090909090909  C 0.0727272727273203 6.35454545454544  0.127272727272725 6.63636363636363  0.281818181818153 6.85454545454544  C 0.42727272727268 7.06363636363636  0.627272727272725 7.32727272727274  0.799999999999955 7.54545454545453  C 0.872727272727275 7.64545454545456  0.945454545454595 7.72727272727272  0.990909090909099 7.80000000000001  C 0.954545454545496 7.97272727272727  0.772727272727252 8.34545454545454  0.645454545454527 8.59090909090909  C 0.299999999999955 9.29090909090908  -0.100000000000023 10.0909090909091  0.0727272727273203 10.8272727272727  C 0.381818181818176 12.1545454545455  1.33636363636367 12.3545454545454  2.26363636363635 12.5454545454545  C 2.44545454545448 12.5818181818182  2.64545454545453 12.6272727272727  2.84545454545457 12.6727272727273  C 4.4727272727273 13.0818181818182  4.76363636363635 13.2909090909091  5.61818181818182 15.5363636363636  C 5.70909090909083 15.7818181818182  5.93636363636358 15.9272727272727  6.18181818181813 15.9272727272727  C 6.25454545454545 15.9272727272727  11.4818181818181 16.0090909090909  11.7454545454545 15.8  C 12.0090909090909 15.5909090909091  12.0545454545454 15.2090909090909  11.8454545454545 14.9454545454545  Z M 11.7909090909091 3.36363636363637  C 12.4090909090909 3.5  12.9818181818181 3.98181818181817  13.2545454545455 4.5  C 13.4090909090909 4.80000000000001  13.4636363636363 5.09999999999999  13.4181818181818 5.36363636363637  C 13.8272727272727 6  13.7909090909091 6.85454545454544  13.5454545454545 7.47272727272727  C 13.2363636363635 8.23636363636365  12.6181818181817 8.70909090909092  11.9181818181818 8.70909090909092  L 11.9 8.70909090909092  L 11.3545454545454 8.74545454545455  C 11.0363636363636 9.20909090909092  10.6545454545454 9.57272727272726  10.3181818181818 9.90000000000001  C 9.69999999999993 10.4909090909091  9.21818181818173 10.9636363636364  9.0454545454545 11.8454545454545  L 7.5545454545454 11.5545454545455  C 7.74545454545455 10.5545454545455  8.20909090909083 9.8909090909091  8.70909090909083 9.35454545454544  C 8.47272727272718 9.21818181818182  8.25454545454545 9.04545454545453  8.07272727272721 8.84545454545454  C 7.72727272727275 8.44545454545454  7.56363636363631 7.98181818181817  7.59090909090901 7.5090909090909  C 6.78181818181815 7.30000000000001  5.80909090909086 6.80000000000001  5.38181818181818 6.1090909090909  C 5.16363636363633 5.74545454545455  5.09090909090912 5.35454545454544  5.18181818181813 4.98181818181817  C 4.9818181818182 4.56363636363636  5.0363636363636 4.03636363636363  5.23636363636365 3.63636363636363  C 5.45454545454538 3.20909090909092  5.82727272727266 2.94545454545454  6.23636363636365 2.90000000000001  C 6.62727272727273 2.40000000000001  7.20909090909083 2.08181818181819  7.85454545454547 2.01818181818183  C 8.35454545454547 1.97272727272727  8.83636363636356 2.08181818181819  9.22727272727275 2.33636363636364  C 9.75454545454545 2.14545454545456  10.4 2.25454545454545  10.9 2.5  C 11.3272727272727 2.71818181818182  11.6454545454545 3.01818181818183  11.7909090909091 3.36363636363637  Z M 11.9090909090909 7.4909090909091  C 12.1999999999999 7.5090909090909  12.3727272727273 7.13636363636363  12.4181818181818 7.01818181818183  C 12.5818181818181 6.59999999999999  12.5363636363636 6.1090909090909  12.3181818181818 5.90909090909091  C 12.1999999999999 5.80909090909091  12.1272727272727 5.64545454545456  12.1181818181817 5.48181818181817  C 12.1181818181817 5.35454545454544  12.1545454545454 5.23636363636365  12.2181818181817 5.12727272727273  C 12.1818181818181 5.03636363636363  12.0727272727272 4.86363636363637  11.8818181818182 4.71818181818182  C 11.7090909090908 4.59090909090909  11.5363636363636 4.52727272727273  11.4181818181818 4.54545454545453  C 11.2272727272726 4.58181818181819  11.0272727272727 4.52727272727273  10.8818181818182 4.39090909090908  C 10.7363636363636 4.25454545454545  10.6727272727272 4.06363636363636  10.6999999999999 3.86363636363637  C 10.6818181818181 3.80909090909091  10.5 3.6090909090909  10.1363636363636 3.5  C 9.85454545454536 3.41818181818181  9.65454545454543 3.45454545454544  9.59999999999991 3.5090909090909  C 9.4818181818182 3.62727272727273  9.31818181818176 3.69999999999999  9.14545454545453 3.69090909090909  C 8.9727272727273 3.68181818181819  8.81818181818176 3.59999999999999  8.70909090909083 3.47272727272727  C 8.5545454545454 3.29090909090908  8.29090909090905 3.19999999999999  8 3.22727272727272  C 7.61818181818182 3.26363636363635  7.28181818181815 3.48181818181817  7.10909090909092 3.81818181818181  C 6.9727272727273 4.07272727272726  6.69090909090903 4.19090909090909  6.40909090909088 4.11818181818182  C 6.32727272727266 4.14545454545456  6.26363636363635 4.34545454545454  6.28181818181815 4.44545454545454  C 6.4818181818182 4.62727272727273  6.5363636363636 4.92727272727274  6.40909090909088 5.17272727272726  C 6.35454545454547 5.27272727272728  6.34545454545457 5.34545454545454  6.42727272727268 5.48181818181817  C 6.72727272727275 5.97272727272727  7.83636363636356 6.40909090909091  8.35454545454547 6.40909090909091  L 8.36363636363637 6.40909090909091  C 8.57272727272721 6.40909090909091  8.77272727272725 6.51818181818183  8.88181818181818 6.69999999999999  C 8.9909090909091 6.88181818181818  9 7.11818181818182  8.89999999999998 7.29999999999998  C 8.80909090909086 7.47272727272727  8.71818181818173 7.72727272727272  9 8.04545454545453  C 9.18181818181813 8.25454545454545  9.44545454545448 8.38181818181818  9.65454545454543 8.42727272727274  C 9.90909090909088 8.16363636363636  10.1363636363636 7.90000000000001  10.3090909090909 7.58181818181819  L 10.4 7.62727272727273  C 10.4636363636363 7.59999999999999  10.5363636363636 7.57272727272726  10.6181818181818 7.57272727272726  L 11.8545454545454 7.4909090909091  L 11.9090909090909 7.4909090909091  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 470 113 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/svg/u7.svg b/frontend/src/renderer/src/assets/svg/u7.svg
new file mode 100644
index 00000000..c34790d2
--- /dev/null
+++ b/frontend/src/renderer/src/assets/svg/u7.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="22px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -29 -15 )">
+    <path d="M 3.94687730644916 21.6416223404255  C 3.92331573539142 21.389295212766  3.86441180774712 21.3234707446808  3.89975416433371 21.1369680851064  C 3.93509652092029 20.9504654255319  3.86441180774712 20.7420212765957  3.88797337880484 20.6323138297872  C 3.88797337880484 20.6213430851064  3.88797337880484 20.6103723404255  3.89975416433371 20.5994015957447  C 3.55811138399672 20.6761968085106  3.27537253130407 20.6432845744681  3.08687996284229 20.5994015957447  C 3.27537253130407 20.6432845744681  3.55811138399672 20.6761968085106  3.89975416433371 20.5994015957447  C 3.89975416433371 20.5884308510638  3.89975416433371 20.577460106383  3.89975416433371 20.5664893617021  C 3.89975416433371 20.5116356382979  3.89975416433371 20.4567819148936  3.88797337880484 20.4019281914894  C 3.69948081034308 20.4787234042553  3.51098824188131 20.500664893617  3.34605724447724 20.500664893617  C 3.51098824188131 20.500664893617  3.69948081034308 20.4787234042553  3.88797337880484 20.4019281914894  C 3.88797337880484 20.3799867021277  3.876192593276 20.358045212766  3.876192593276 20.3361037234043  C 3.86441180774712 20.2922207446808  3.84085023668941 20.2373670212766  3.81728866563167 20.204454787234  C 3.79372709457397 20.1715425531915  3.78194630904509 20.0508643617021  3.77016552351622 19.8972739361702  C 3.77016552351622 19.8863031914894  3.77016552351622 19.8643617021277  3.77016552351622 19.8533909574468  C 3.77016552351622 19.7985372340425  3.77016552351622 19.7436835106383  3.77016552351622 19.688829787234  C 3.46386509976586 19.7875664893617  3.16934546154433 19.7765957446808  2.96907210755371 19.7436835106383  C 2.98085289308257 19.7985372340425  2.98085289308257 19.8533909574468  2.98085289308257 19.8972739361702  C 2.98085289308257 19.908244680851  2.98085289308257 19.9192154255319  2.98085289308257 19.9192154255319  C 2.99263367861142 20.0728058510638  2.98085289308257 20.1934840425532  2.95729132202483 20.2922207446808  C 2.95729132202483 20.3141622340425  2.94551053649599 20.3361037234043  2.93372975096713 20.3470744680851  C 2.92194896543826 20.3690159574468  2.92194896543826 20.3909574468085  2.91016817990938 20.4128989361702  C 2.89838739438055 20.4458111702128  2.89838739438055 20.4677526595745  2.88660660885168 20.500664893617  C 2.88660660885168 20.5116356382979  2.88660660885168 20.5335771276596  2.87482582332281 20.5445478723404  C 2.85126425226509 20.6871675531915  2.86304503779396 20.796875  2.86304503779396 20.8846409574468  C 2.86304503779396 21.016289893617  2.59208697063015 21.3125  2.50962147192814 21.4331781914894  C 2.43893675875496 21.5538563829787  2.52140225745698 21.7623005319149  2.65099089827447 21.7842420212766  C 2.65099089827447 21.7842420212766  2.67455246933218 21.7842420212766  2.67455246933218 21.751329787234  C 2.67455246933218 21.7293882978723  2.68633325486105 21.7732712765957  2.69811404038989 21.7842420212766  C 2.70989482591876 21.8061835106383  2.82770268120737 21.8171542553192  2.85126425226509 21.7842420212766  C 2.86304503779396 21.751329787234  2.86304503779396 21.7952127659575  2.87482582332281 21.8061835106383  C 2.88660660885168 21.8171542553192  3.01619524966913 21.8720079787234  3.06331839178458 21.7952127659575  C 3.11044153390003 21.7184175531915  3.08687996284229 21.8061835106383  3.11044153390003 21.8390957446808  C 3.13400310495774 21.8720079787234  3.31071488789066 21.8939494680851  3.35783803000611 21.8171542553192  C 3.40496117212156 21.7403590425532  3.44030352870814 21.6855053191489  3.45208431423698 21.7184175531915  C 3.46386509976586 21.751329787234  3.40496117212156 21.9597739361702  3.53454981293901 21.970744680851  C 3.66413845375651 21.9817154255319  3.95865809197799 21.8939494680851  3.94687730644916 21.6416223404255  Z M 4.19427380255524 14.4228723404255  C 3.67591923928534 14.6971409574468  2.65099089827447 14.5435505319149  2.27400576135091 14.4667553191489  C 2.28578654687978 14.5216090425532  2.29756733240862 14.5764627659574  2.3093481179375 14.6313164893617  C 2.54496382851472 15.6186835106383  2.47427911534157 16.1233377659574  2.39181361663952 16.4085771276596  C 2.38003283111065 16.4414893617021  2.38003283111065 16.4744015957447  2.36825204558178 16.4963430851064  C 2.34469047452407 16.5731382978723  2.32112890346637 16.6279920212766  2.32112890346637 16.6828457446808  C 2.32112890346637 16.7047872340425  2.3093481179375 16.7157579787234  2.3093481179375 16.7376994680851  C 2.3093481179375 16.748670212766  2.3093481179375 16.7706117021277  2.3093481179375 16.7925531914894  C 2.46249832981269 16.8364361702128  2.65099089827447 16.8693484042553  2.87482582332281 16.891289893617  C 2.6627716838033 16.8693484042553  2.46249832981269 16.8364361702128  2.3093481179375 16.7925531914894  C 2.3329096889952 17.0997340425532  2.50962147192814 18.1529255319149  2.75701796803422 18.8769946808511  C 2.86304503779396 19.1841755319149  2.93372975096713 19.4474734042553  2.96907210755371 19.6668882978723  C 2.96907210755371 19.688829787234  2.98085289308257 19.7107712765957  2.98085289308257 19.7327127659574  C 3.1811262470732 19.765625  3.47564588529473 19.7765957446808  3.78194630904509 19.6778590425532  C 3.78194630904509 19.6668882978723  3.78194630904509 19.6559175531915  3.78194630904509 19.6339760638298  C 3.78194630904509 19.2390292553192  3.8055078801028 18.734375  3.876192593276 18.4271941489362  C 3.99400044856458 17.922539893617  4.12358908938207 17.6153590425532  3.89975416433371 17.0229388297872  C 3.86441180774712 16.9461436170213  3.84085023668941 16.8583776595745  3.82906945116054 16.7815824468085  C 3.81728866563167 16.7486702127659  3.81728866563167 16.7267287234043  3.81728866563167 16.6938164893617  C 3.8055078801028 16.6609042553191  3.8055078801028 16.6279920212766  3.8055078801028 16.595079787234  C 3.8055078801028 16.5731382978723  3.8055078801028 16.5402260638298  3.79372709457397 16.5182845744681  C 3.75838473798738 16.0246010638298  3.95865809197799 15.563829787234  4.08824673279549 15.048204787234  C 4.1118083038532 14.9384973404255  4.14715066043978 14.7081117021277  4.19427380255524 14.4228723404255  Z M 6.75070426231804 14.4886968085106  C 5.737556706836 14.6751994680851  5.18385978697953 14.5435505319149  4.92468250534458 14.4119015957447  C 4.92468250534458 14.6971409574468  4.91290171981575 14.9714095744681  5.07783271721978 15.4541223404255  C 5.23098292909498 15.9039228723404  5.28988685673929 16.2769281914894  5.27810607121043 16.6060505319149  C 5.27810607121043 16.6279920212766  5.27810607121043 16.6499335106383  5.27810607121043 16.671875  C 5.27810607121043 16.6828457446808  5.27810607121043 16.6938164893617  5.27810607121043 16.7047872340425  C 5.27810607121043 16.748670212766  5.26632528568156 16.7815824468085  5.26632528568156 16.8254654255319  C 5.23098292909498 17.0119680851064  5.17207900145065 17.1984707446808  5.08961350274866 17.3740026595745  C 4.81865543558487 17.9005984042553  5.28988685673929 18.4052526595745  5.28988685673929 19.1951462765957  C 5.28988685673929 19.3597074468085  5.28988685673929 19.4913563829787  5.27810607121043 19.6120345744681  C 5.27810607121043 19.6339760638298  5.27810607121043 19.6668882978723  5.27810607121043 19.688829787234  C 5.27810607121043 19.7436835106383  5.26632528568156 19.7875664893617  5.26632528568156 19.8314494680851  C 5.26632528568156 19.842420212766  5.26632528568156 19.8533909574468  5.26632528568156 19.8533909574468  C 5.28988685673929 19.8533909574468  5.30166764226814 19.8643617021277  5.32522921332586 19.8643617021277  C 5.30166764226814 19.8643617021277  5.27810607121043 19.8533909574468  5.26632528568156 19.8533909574468  C 5.24276371462385 20.0728058510638  5.20742135803724 20.1825132978723  5.17207900145065 20.3031914893617  C 5.16029821592182 20.3251329787234  5.16029821592182 20.3361037234043  5.14851743039295 20.358045212766  L 5.14851743039295 20.3690159574468  C 5.11317507380636 20.4677526595745  5.12495585933522 20.5116356382979  5.1367366448641 20.5445478723404  C 5.14851743039295 20.5664893617021  5.14851743039295 20.577460106383  5.16029821592182 20.6103723404255  C 5.17207900145065 20.6432845744681  5.17207900145065 20.6871675531915  5.17207900145065 20.7529920212766  C 5.14851743039295 20.9833776595745  5.12495585933522 21.1259973404255  5.20742135803724 21.2686170212766  C 5.20742135803724 21.2686170212766  5.21920214356611 21.3673537234043  5.16029821592182 21.455119680851  C 5.10139428827753 21.5428856382979  5.16029821592182 21.9926861702128  5.40769471202788 21.9926861702128  C 5.65509120813397 21.9926861702128  5.66687199366283 21.8939494680851  5.66687199366283 21.8500664893617  C 5.66687199366283 21.8061835106383  5.69043356472054 21.8171542553191  5.737556706836 21.8720079787234  C 5.78467984895146 21.9268617021277  5.99673398847094 21.9049202127659  6.00851477399981 21.8610372340425  C 6.02029555952865 21.8061835106383  6.00851477399981 21.8829787234043  6.05563791611524 21.8829787234043  C 6.10276105823069 21.8829787234043  6.20878812799044 21.8939494680851  6.20878812799044 21.8390957446808  C 6.20878812799044 21.7842420212766  6.22056891351931 21.8610372340425  6.31481519775019 21.8390957446808  C 6.40906148198105 21.8171542553191  6.39728069645221 21.7732712765957  6.39728069645221 21.7623005319149  C 6.39728069645221 21.751329787234  6.40906148198105 21.7952127659574  6.45618462409651 21.7952127659574  C 6.50330776621196 21.7842420212766  6.57399247938512 21.7074468085106  6.53865012279854 21.531914893617  C 6.50330776621196 21.3673537234043  6.29125362669247 21.2247340425532  6.22056891351931 21.093085106383  C 6.16166498587499 20.9614361702128  6.17344577140386 20.7091090425532  6.16166498587499 20.6323138297872  C 6.16166498587499 20.6213430851064  6.16166498587499 20.6103723404255  6.16166498587499 20.5994015957447  C 6.16166498587499 20.577460106383  6.16166498587499 20.5445478723404  6.14988420034611 20.5226063829787  C 6.14988420034611 20.4787234042553  6.13810341481727 20.4348404255319  6.1263226292884 20.4019281914893  C 6.1263226292884 20.3909574468085  6.11454184375953 20.3799867021277  6.11454184375953 20.3690159574468  C 6.11454184375953 20.3690159574468  6.11454184375953 20.3580452127659  6.10276105823069 20.3580452127659  C 6.07919948717294 20.3251329787234  6.06741870164411 20.1496010638298  6.06741870164411 19.9301861702128  C 6.06741870164411 19.9192154255319  6.06741870164411 19.908244680851  6.06741870164411 19.8972739361702  C 6.06741870164411 19.8424202127659  6.06741870164411 19.7985372340425  6.07919948717294 19.7436835106383  C 6.07919948717294 19.7217420212766  6.07919948717294 19.7107712765957  6.07919948717294 19.688829787234  C 6.09098027270182 19.5242686170212  6.1263226292884 19.3377659574468  6.1852265569327 19.1622340425532  C 6.31481519775019 18.6904920212766  6.75070426231804 17.6592420212766  6.72714269126031 16.8254654255319  C 6.43262305303879 16.9461436170212  6.11454184375953 16.968085106383  5.84358377659574 16.9571143617021  C 6.1263226292884 16.9680851063829  6.43262305303879 16.9461436170212  6.72714269126031 16.8254654255319  C 6.72714269126031 16.8035239361702  6.72714269126031 16.7706117021276  6.72714269126031 16.7486702127659  C 6.72714269126031 16.6938164893617  6.71536190573145 16.6279920212766  6.70358112020258 16.5731382978723  C 6.69180033467374 16.5292553191489  6.69180033467374 16.4853723404255  6.68001954914487 16.452460106383  C 6.668238763616 16.4085771276596  6.65645797808713 16.375664893617  6.6446771925583 16.3317819148936  C 6.32659598327903 15.4870345744681  6.73892347678916 14.9165558510638  6.73892347678916 14.6751994680851  C 6.73892347678916 14.6422872340426  6.73892347678916 14.5764627659574  6.75070426231804 14.4886968085106  Z M 5.74933749236487 16.9022606382979  C 5.61974885154739 16.891289893617  5.5019409962588 16.8693484042553  5.40769471202788 16.8474069148936  C 5.51372178178764 16.8693484042553  5.61974885154739 16.891289893617  5.74933749236487 16.9022606382979  Z M 6.93919683077982 11.1206781914894  C 6.8802929031355 11.0987367021277  6.8449505465489 11.1206781914894  6.79782740443345 11.1426196808511  C 6.8449505465489 11.1206781914894  6.89207368866437 11.0987367021277  6.92741604525094 11.076795212766  C 6.92741604525094 11.0329122340425  6.92741604525094 11  6.92741604525094 10.9670877659575  C 6.92741604525094 10.9122340425532  6.92741604525094 10.8573803191489  6.92741604525094 10.8025265957447  C 6.91563525972208 10.6599069148936  6.91563525972208 10.5392287234042  6.89207368866437 10.4295212765957  C 6.8213889754912 9.9468085106383  6.73892347678916 9.54089095744681  6.65645797808716 9.14594414893616  C 6.53865012279854 9.22273936170213  6.40906148198105 9.36535904255319  6.35015755433677 9.63962765957447  C 6.20878812799044 10.2210771276596  6.23234969904814 10.7476728723404  6.29125362669247 10.8244680851064  C 6.30303441222131 10.8354388297872  6.31481519775019 10.8354388297872  6.32659598327903 10.8464095744681  C 6.35015755433677 10.8464095744681  6.37371912539447 10.8464095744681  6.40906148198105 10.8573803191489  C 6.37371912539447 10.8573803191489  6.35015755433677 10.8573803191489  6.32659598327903 10.8464095744681  C 6.30303441222131 10.8464095744681  6.29125362669247 10.8354388297872  6.29125362669247 10.8244680851064  C 6.23234969904814 10.7476728723404  6.20878812799044 10.2320478723404  6.35015755433677 9.63962765957447  C 6.42084226750993 9.35438829787235  6.55043090832738 9.21176861702127  6.65645797808716 9.14594414893616  L 6.65645797808716 9.12400265957447  C 6.63289640702941 8.99235372340425  6.60933483597171 8.8716755319149  6.58577326491396 8.74002659574468  C 6.4915269806831 8.76196808510638  6.32659598327903 8.78390957446808  6.05563791611524 8.78390957446808  C 6.32659598327903 8.78390957446808  6.4915269806831 8.76196808510638  6.58577326491396 8.74002659574468  L 6.58577326491396 8.72905585106382  C 6.55043090832738 8.52061170212765  6.52686933726967 8.3121675531915  6.5150885517408 8.09275265957447  C 6.30303441222131 8.13663563829788  5.90248770424004 8.16954787234042  5.37235235544131 8.09275265957447  C 5.37235235544131 8.09275265957447  5.47837942520106 8.4438164893617  5.37235235544131 8.58643617021276  C 5.47837942520106 8.4438164893617  5.37235235544131 8.09275265957447  5.37235235544131 8.09275265957447  C 5.90248770424004 8.16954787234042  6.30303441222131 8.13663563829788  6.5150885517408 8.09275265957447  L 6.5150885517408 8.07081117021276  L 6.5150885517408 8.04886968085105  C 6.5150885517408 8.0159574468085  6.5150885517408 7.97207446808509  6.5150885517408 7.93916223404255  C 6.5150885517408 7.75265957446808  6.5150885517408 7.56615691489362  6.53865012279854 7.390625  C 6.25591127010589 7.43450797872341  5.66687199366283 7.5003324468085  5.25454450015272 7.32480053191489  C 4.70084758029625 7.07247340425532  4.64194365265192 6.55684840425532  4.64194365265192 6.55684840425532  L 4.4770126552479 6.92985372340425  C 4.1118083038532 7.5003324468085  3.01619524966913 7.46742021276596  2.59208697063015 7.43450797872341  C 2.59208697063015 7.53324468085107  2.58030618510128 7.65392287234042  2.58030618510128 7.77460106382978  L 2.58030618510128 7.82945478723404  C 2.58030618510128 7.8843085106383  2.58030618510128 7.9281914893617  2.56852539957244 7.98304521276596  C 2.83948346673622 8.07081117021276  3.35783803000611 8.21343085106382  3.86441180774712 8.12566489361703  C 3.35783803000611 8.21343085106382  2.83948346673622 8.07081117021276  2.56852539957244 7.98304521276596  C 2.55674461404356 8.22440159574468  2.55674461404356 8.45478723404255  2.55674461404356 8.63031914893618  C 2.55674461404356 8.66323138297873  2.55674461404356 8.69614361702127  2.55674461404356 8.71808510638297  C 2.55674461404356 8.78390957446808  2.56852539957244 8.8277925531915  2.56852539957244 8.86070478723404  C 2.56852539957244 8.8716755319149  2.53318304298585 9.03623670212765  2.49784068639927 9.25565159574468  C 2.58030618510128 9.28856382978724  2.65099089827447 9.31050531914893  2.73345639697648 9.32147606382978  C 2.65099089827447 9.29953457446808  2.58030618510128 9.27759308510638  2.49784068639927 9.25565159574468  L 2.4860599008704 9.33244680851062  C 2.39181361663952 9.78224734042553  2.26222497582206 10.3856382978723  2.25044419029319 10.4295212765957  C 2.23866340476432 10.484375  2.21510183370662 10.6708776595745  2.19154026264887 10.9341755319149  C 2.26222497582206 10.9451462765957  2.36825204558178 10.9670877659574  2.4860599008704 10.9670877659574  C 2.38003283111065 10.9561170212766  2.26222497582206 10.9451462765957  2.19154026264887 10.9341755319149  C 2.19154026264887 10.9670877659574  2.17975947712004 11.0109707446809  2.17975947712004 11.0548537234043  C 2.17975947712004 11.076795212766  2.17975947712004 11.0987367021277  2.17975947712004 11.1206781914894  C 2.13263633500458 11.8886303191489  2.09729397841799 13.1502659574468  2.25044419029319 14.1595744680851  C 2.25044419029319 14.1815159574468  2.26222497582206 14.2144281914894  2.26222497582206 14.236369680851  C 2.27400576135091 14.313164893617  2.28578654687978 14.3789893617021  2.29756733240862 14.4448138297872  C 2.29756733240862 14.4557845744681  2.29756733240862 14.4667553191489  2.3093481179375 14.4777260638298  C 2.69811404038992 14.5545212765957  3.71126159587193 14.7081117021277  4.20605458808407 14.4338430851064  C 4.20605458808407 14.4119015957447  4.21783537361294 14.3789893617021  4.21783537361294 14.3460771276596  C 4.21783537361294 14.313164893617  4.22961615914182 14.2802526595745  4.22961615914182 14.2473404255319  L 4.22961615914182 14.2144281914894  C 4.34742401443044 13.3038563829787  4.48879344077676 11.9763962765957  4.4770126552479 11.4498005319149  C 4.4770126552479 11.438829787234  4.4770126552479 11.4278590425532  4.4770126552479 11.4278590425532  L 4.4770126552479 11.4168882978723  C 4.22961615914182 11.3181515957447  3.06331839178458 10.7915558510638  2.87482582332281 9.5628324468085  C 3.06331839178458 10.7915558510638  4.22961615914182 11.3181515957447  4.4770126552479 11.4168882978723  C 4.4770126552479 11.4059175531915  4.4770126552479 11.3839760638298  4.4770126552479 11.3730053191489  C 4.4770126552479 11.3620345744681  4.4770126552479 11.3510638297872  4.48879344077676 11.3510638297872  C 4.39454715654585 11.2852393617021  4.04112359068004 11.0109707446809  4.01756201962233 10.5392287234042  C 4.04112359068004 11  4.39454715654585 11.2742686170213  4.48879344077676 11.3510638297872  C 4.51235501183447 11.3291223404255  4.58303972500764 11.3181515957447  4.61838208159422 11.3730053191489  C 4.6537244381808 11.3620345744681  4.68906679476737 11.3400930851064  4.7126283658251 11.3291223404255  C 4.67728600923851 11.3400930851064  4.6537244381808 11.3620345744681  4.61838208159422 11.3730053191489  C 4.61838208159422 11.3839760638298  4.6301628671231 11.3839760638298  4.6301628671231 11.3949468085106  C 4.6301628671231 11.4059175531915  4.64194365265192 11.4168882978723  4.64194365265192 11.438829787234  C 4.79509386452713 11.4059175531915  4.93646329087345 11.3510638297872  5.05427114616208 11.2742686170213  C 4.92468250534458 11.3400930851064  4.78331307899829 11.4059175531915  4.64194365265192 11.438829787234  C 4.64194365265192 11.438829787234  4.64194365265192 11.4498005319149  4.64194365265192 11.4498005319149  C 4.64194365265192 11.4607712765957  4.64194365265192 11.4607712765957  4.64194365265192 11.4717420212766  C 4.66550522370967 11.6692154255319  4.64194365265192 13.1392952127659  4.85399779217144 13.7865691489362  C 4.90112093428688 13.9291888297872  4.92468250534458 14.0498670212766  4.93646329087345 14.1595744680851  C 4.93646329087345 14.1815159574468  4.93646329087345 14.2034574468085  4.94824407640233 14.2253989361702  C 4.94824407640233 14.2583111702128  4.94824407640233 14.2912234042553  4.9600248619312 14.3241356382979  C 4.9600248619312 14.3680186170213  4.9600248619312 14.4009308510638  4.9600248619312 14.4448138297872  C 5.21920214356615 14.5654920212766  5.77289906342259 14.7081117021277  6.78604661890463 14.4667553191489  L 6.78604661890463 14.4119015957447  C 6.78604661890463 14.3570478723404  6.79782740443345 14.3021941489362  6.79782740443345 14.236369680851  L 6.79782740443345 14.1705452127659  C 6.8449505465489 13.4355053191489  6.95097761630865 12.0531914893617  6.93919683077982 11.1206781914894  Z M 3.22824938918865 9.37632978723404  C 3.16934546154433 9.37632978723404  3.09866074837116 9.37632978723404  3.027976035198 9.36535904255319  C 2.95729132202483 9.35438829787235  2.88660660885168 9.34341755319147  2.80414111014964 9.33244680851062  C 2.88660660885168 9.35438829787235  2.95729132202483 9.35438829787235  3.027976035198 9.36535904255319  C 3.09866074837116 9.37632978723404  3.16934546154433 9.37632978723404  3.22824938918865 9.37632978723404  Z M 5.39591392649901 10.9780585106383  C 5.37235235544131 11.0109707446809  5.33700999885473 11.0329122340425  5.30166764226814 11.0658244680851  C 5.33700999885473 11.0438829787234  5.37235235544131 11.0109707446809  5.39591392649901 10.9780585106383  Z M 0.942776996589632 11.811835106383  C 0.848530712358759 11.8447473404255  0.754284428127857 11.8447473404255  0.648257358368109 11.811835106383  C 0.660038143896976 11.8776595744681  0.671818929425847 12.0641622340425  0.660038143896976 12.2726063829787  C 0.648257358368109 12.5359042553191  0.683599714954688 12.7224069148936  0.777845999185597 12.7443484042553  C 0.872092283416478 12.766289893617  0.930996211060762 12.6126994680851  0.930996211060762 12.4042553191489  C 0.919215425531927 12.2287234042553  0.930996211060762 11.9215425531915  0.942776996589632 11.811835106383  Z M 1.95592455207167 7.5003324468085  C 1.48469313091724 7.62101063829788  0.989900138705092 7.4125664893617  0.777845999185597 7.31382978723404  C 0.742503642598983 7.52227393617021  0.707161286012408 7.71974734042553  0.660038143896976 7.87333776595744  C 0.648257358368109 7.90625  0.648257358368109 7.93916223404255  0.636476572839271 7.97207446808509  C 0.848530712358759 8.11469414893616  1.24907742034 8.32313829787235  1.75565119808106 8.21343085106382  C 1.24907742034 8.32313829787235  0.848530712358759 8.11469414893616  0.636476572839271 7.97207446808509  C 0.624695787310397 8.0159574468085  0.612915001781531 8.05984042553192  0.601134216252692 8.10372340425532  C 0.601134216252692 8.10372340425532  0.495107146492906 8.45478723404255  0.554011074137236 9.16788563829787  C 0.577572645194948 9.453125  0.589353430723822 9.74933510638297  0.601134216252692 10.0126329787234  C 0.601134216252692 10.0345744680851  0.601134216252692 10.0565159574468  0.601134216252692 10.0674867021277  C 0.601134216252692 10.2869015957447  0.589353430723822 10.4734042553192  0.565791859666081 10.626994680851  C 0.565791859666081 10.6599069148936  0.554011074137236 10.6818484042553  0.542230288608366 10.703789893617  C 0.530449503079495 10.7586436170213  0.506887932021776 10.8025265957447  0.483326360964071 10.8354388297872  C 0.447984004377496 10.8793218085106  0.424422433319751 10.923204787234  0.400860862262039 10.9561170212766  C 0.400860862262039 10.9670877659574  0.412641647790906 10.9780585106383  0.412641647790906 11  C 0.424422433319751 11.0329122340425  0.424422433319751 11.0548537234043  0.436203218848622 11.0987367021277  C 0.436203218848622 11.0658244680851  0.424422433319751 11.0329122340425  0.412641647790906 11  C 0.412641647790906 10.9890292553192  0.400860862262039 10.9670877659575  0.400860862262039 10.9561170212766  L 0.377299291204324 10.9890292553192  C 0.294833792502295 11.0987367021277  0.23592986485799 11.1755319148936  0.200587508271415 11.3291223404255  C 0.153464366155966 11.5375664893617  0.0827796529827936 11.7569813829787  0.118122009569383 11.811835106383  C 0.153464366155966 11.8447473404255  0.283053006973425 11.7240691489362  0.341956934617745 11.6582446808511  C 0.36551850567545 11.6363031914894  0.377299291204324 11.6253324468085  0.377299291204324 11.6253324468085  L 0.377299291204324 11.6582446808511  C 0.389080076733194 11.6253324468085  0.400860862262039 11.592420212766  0.412641647790906 11.5595079787234  C 0.400860862262039 11.592420212766  0.389080076733194 11.6253324468085  0.377299291204324 11.6582446808511  L 0.377299291204324 11.6692154255319  L 0.377299291204324 11.6911569148936  C 0.389080076733194 11.7130984042553  0.412641647790906 11.7240691489362  0.424422433319751 11.735039893617  C 0.412641647790906 11.7240691489362  0.389080076733194 11.7021276595745  0.377299291204324 11.6911569148936  C 0.36551850567545 11.8337765957447  0.318395363560001 12.1848404255319  0.318395363560001 12.3164893617021  C 0.318395363560001 12.470079787234  0.330176149088874 12.6346409574468  0.412641647790906 12.6675531914894  C 0.495107146492906 12.7004654255319  0.530449503079495 12.5578457446809  0.542230288608366 12.4042553191489  C 0.554011074137236 12.2726063829787  0.624695787310397 11.954454787234  0.648257358368109 11.8666888297872  C 0.612915001781531 11.8557180851064  0.577572645194948 11.8447473404255  0.542230288608366 11.8228058510638  C 0.577572645194948 11.8447473404255  0.612915001781531 11.8557180851064  0.648257358368109 11.8666888297872  L 0.648257358368109 11.8447473404255  C 0.648257358368109 11.8447473404255  0.648257358368109 11.8557180851064  0.648257358368109 11.8666888297872  C 0.742503642598983 11.8996010638298  0.848530712358759 11.8996010638298  0.942776996589632 11.8776595744681  C 0.942776996589632 11.8557180851064  0.954557782118503 11.8447473404255  0.954557782118503 11.8337765957447  C 0.966338567647348 11.8228058510638  0.966338567647348 11.8447473404255  0.978119353176215 11.8666888297872  C 0.989900138705092 11.9325132978723  1.00168092423393 12.0641622340425  1.00168092423393 12.1519281914894  C 1.00168092423393 12.2726063829787  1.0134617097628 12.6675531914894  1.13126956505142 12.6785239361702  C 1.24907742034 12.6894946808511  1.24907742034 12.3932845744681  1.24907742034 12.2396941489362  C 1.24907742034 12.0970744680851  1.23729663481116 11.811835106383  1.26085820586887 11.7460106382979  C 1.26085820586887 11.735039893617  1.26085820586887 11.735039893617  1.27263899139774 11.735039893617  C 1.27263899139774 11.735039893617  1.27263899139774 11.735039893617  1.27263899139774 11.7460106382979  C 1.29620056245546 11.8008643617021  1.29620056245546 12.3164893617021  1.34332370457091 12.3823138297872  C 1.4022276322152 12.4481382978723  1.52003548750381 12.3713430851064  1.53181627303269 12.1958111702128  C 1.54359705856153 12.0531914893617  1.52003548750381 11.7240691489362  1.50825470197494 11.5814494680851  C 1.50825470197494 11.5485372340425  1.50825470197494 11.5265957446809  1.50825470197494 11.515625  C 1.50825470197494 11.515625  1.44935077433066 10.9451462765957  1.39044684668636 10.7586436170213  C 1.29620056245546 10.7915558510638  1.20195427822458 10.8134973404255  1.11948877952255 10.8244680851064  C 1.07236563740712 10.8244680851064  1.03702328082051 10.8354388297872  1.00168092423393 10.8354388297872  C 1.03702328082051 10.8354388297872  1.08414642293596 10.8354388297872  1.11948877952255 10.8244680851064  C 1.20195427822458 10.8134973404255  1.29620056245546 10.7915558510638  1.39044684668636 10.7586436170213  C 1.39044684668636 10.7367021276596  1.37866606115749 10.7257313829787  1.37866606115749 10.703789893617  C 1.35510449009978 10.5940824468085  1.36688527562862 10.407579787234  1.39044684668636 10.2210771276596  C 1.39044684668636 10.2101063829787  1.39044684668636 10.188164893617  1.4022276322152 10.1771941489362  C 1.42578920327292 10.0126329787234  1.46113155985949 9.85904255319147  1.52003548750381 9.74933510638297  C 1.64962412832127 9.46409574468085  1.86167826784077 8.79488031914893  1.88523983889851 8.52061170212765  C 1.88523983889851 8.45478723404255  1.89702062442735 8.3560505319149  1.89702062442735 8.23537234042552  C 1.89702062442735 8.21343085106382  1.89702062442735 8.20246010638297  1.89702062442735 8.18051861702127  C 1.90880140995622 7.98304521276594  1.92058219548509 7.74168882978724  1.95592455207167 7.5003324468085  Z M 0.447984004377496 11.2632978723404  C 0.447984004377496 11.2852393617021  0.447984004377496 11.3071808510638  0.447984004377496 11.3400930851064  C 0.447984004377496 11.3181515957447  0.447984004377496 11.296210106383  0.447984004377496 11.2632978723404  Z M 8.09371381260819 11.8337765957447  C 7.99946752837727 11.811835106383  7.90522124414639 11.7789228723404  7.83453653097323 11.735039893617  C 7.85809810203094 11.8228058510638  7.82275574544437 12.3384308510638  7.82275574544437 12.4152260638298  C 7.82275574544437 12.5029920212766  7.85809810203094 12.6346409574468  7.95234438626181 12.6346409574468  C 8.03480988496385 12.623670212766  8.08193302707932 12.5139627659575  8.08193302707932 12.3713430851064  C 8.08193302707932 12.2616356382979  8.07015224155043 11.954454787234  8.09371381260819 11.8337765957447  Z M 8.91836879962841 11.735039893617  C 9.04795744044588 11.7460106382979  8.87124565751298 11.2413563829787  8.81234172986869 11.1426196808511  C 8.80056094433983 11.1206781914894  8.77699937328211 11.0877659574468  8.75343780222436 11.0438829787234  C 8.74165701669553 11.0219414893617  8.71809544563777 10.9890292553192  8.7063146601089 10.9670877659574  C 8.7063146601089 10.9890292553192  8.7063146601089 11.0109707446809  8.69453387458007 11.0329122340425  C 8.69453387458007 11.0109707446809  8.69453387458007 10.9890292553192  8.7063146601089 10.9670877659574  C 8.64741073246463 10.8793218085106  8.57672601929145 10.7696143617021  8.529602877176 10.6489361702128  C 8.51782209164716 10.6379654255319  8.51782209164716 10.6160239361702  8.50604130611829 10.6050531914894  C 8.48247973506058 10.5392287234042  8.45891816400284 10.484375  8.45891816400284 10.4185505319149  C 8.45891816400284 10.3636968085106  8.45891816400284 10.2320478723404  8.47069894953171 10.045545212766  C 8.40001423635854 10.0674867021277  8.34111030871425 10.0894281914894  8.28220638106993 10.1003989361702  C 8.34111030871425 10.0894281914894  8.40001423635854 10.0674867021277  8.47069894953171 10.045545212766  L 8.47069894953171 10.0016622340426  C 8.50604130611829 9.43118351063829  8.56494523376259 8.4438164893617  8.45891816400284 7.9281914893617  C 7.96412517179068 8.22440159574467  7.48111296510739 8.20246010638297  7.22193568347247 8.15857712765956  C 7.22193568347247 8.24634308510638  7.22193568347247 8.34507978723404  7.22193568347247 8.43284574468085  C 7.22193568347247 8.92652925531915  7.598920820396 9.85904255319147  7.64604396251146 10.0784574468085  C 7.64604396251146 10.0894281914894  7.64604396251146 10.1003989361702  7.65782474804033 10.111369680851  C 7.65782474804033 10.111369680851  7.65782474804033 10.1223404255319  7.65782474804033 10.1223404255319  C 7.66960553356916 10.2210771276596  7.6931671046269 10.4185505319149  7.66960553356916 10.6379654255319  C 7.66960553356916 10.6599069148936  7.66960553356916 10.6818484042553  7.65782474804033 10.703789893617  C 7.74029024674233 10.7257313829787  7.85809810203094 10.7476728723404  8.02302909943498 10.7367021276596  C 7.85809810203094 10.7476728723404  7.74029024674233 10.7257313829787  7.65782474804033 10.703789893617  C 7.64604396251146 10.780585106383  7.62248239145374 10.8573803191489  7.598920820396 10.9341755319149  C 7.51645532169396 11.1426196808511  7.54001689275171 11.3181515957447  7.55179767828054 11.4607712765957  C 7.55179767828054 11.4827127659574  7.56357846380941 11.5046542553191  7.56357846380941 11.5265957446809  C 7.58714003486713 11.5485372340425  7.61070160592488 11.5704787234042  7.64604396251146 11.5924202127659  C 7.61070160592488 11.5704787234042  7.58714003486713 11.5485372340425  7.56357846380941 11.5265957446809  C 7.57535924933829 11.5924202127659  7.58714003486713 11.6582446808511  7.57535924933829 11.7130984042553  C 7.56357846380941 11.8776595744681  7.52823610722284 12.2616356382979  7.63426317698259 12.3164893617021  C 7.74029024674233 12.3823138297872  7.7520710322712 12.2177526595745  7.7520710322712 12.1738696808511  C 7.7520710322712 12.1409574468085  7.7756326033289 11.7460106382979  7.79919417438666 11.7021276595745  C 7.79919417438666 11.7021276595745  7.79919417438666 11.6911569148936  7.81097495991549 11.6911569148936  C 7.81097495991549 11.6911569148936  7.82275574544437 11.6911569148936  7.82275574544437 11.7021276595745  C 7.90522124414639 11.7460106382979  7.9876867428484 11.7789228723404  8.08193302707932 11.8008643617021  C 8.08193302707932 11.7679521276596  8.09371381260814 11.7569813829787  8.09371381260814 11.7460106382979  C 8.10549459813701 11.7460106382979  8.10549459813701 11.7679521276596  8.11727538366588 11.8008643617021  C 8.1408369547236 11.9434840425532  8.1408369547236 12.3384308510638  8.1408369547236 12.4810505319149  C 8.1408369547236 12.6565824468085  8.21152166789678 12.7114361702128  8.27042559554105 12.7004654255319  C 8.32932952318538 12.6894946808511  8.42357580741625 12.5578457446809  8.40001423635854 12.3494015957447  C 8.38823345082967 12.1738696808511  8.36467187977196 11.8666888297872  8.38823345082967 11.8008643617021  C 8.34111030871425 11.811835106383  8.2939871665988 11.811835106383  8.24686402448334 11.811835106383  C 8.2939871665988 11.811835106383  8.34111030871425 11.811835106383  8.38823345082967 11.8008643617021  C 8.38823345082967 11.7898936170213  8.40001423635854 11.7898936170213  8.40001423635854 11.7898936170213  C 8.40001423635854 11.7898936170213  8.40001423635854 11.7898936170213  8.40001423635854 11.8008643617021  C 8.447137378474 11.8666888297872  8.51782209164716 12.470079787234  8.54138366270487 12.5359042553191  C 8.56494523376259 12.6017287234042  8.72987623116664 12.6785239361702  8.76521858775323 12.4591090425532  C 8.80056094433983 12.2726063829787  8.7063146601089 11.7679521276596  8.71809544563777 11.6472739361702  C 8.71809544563777 11.6472739361702  8.71809544563777 11.6363031914894  8.71809544563777 11.6363031914894  C 8.71809544563777 11.6363031914894  8.71809544563777 11.6253324468085  8.71809544563777 11.6253324468085  C 8.68275308905119 11.5046542553191  8.67097230352233 11.3730053191489  8.65919151799349 11.2523271276596  C 8.65919151799349 11.3730053191489  8.67097230352233 11.5046542553191  8.71809544563777 11.6253324468085  C 8.71809544563777 11.6253324468085  8.72987623116664 11.6253324468085  8.72987623116664 11.6363031914894  C 8.76521858775323 11.6692154255319  8.81234172986869 11.7679521276596  8.91836879962841 11.735039893617  Z M 8.24686402448334 10.7257313829787  C 8.16439852578133 10.7476728723404  8.09371381260819 10.7586436170213  8.03480988496385 10.7586436170213  C 8.09371381260819 10.7586436170213  8.16439852578133 10.7476728723404  8.24686402448334 10.7257313829787  Z M 7.22193568347247 8.15857712765958  C 7.46933217957855 8.21343085106382  7.96412517179068 8.23537234042553  8.45891816400284 7.93916223404255  C 8.45891816400284 7.9281914893617  8.447137378474 7.90625  8.447137378474 7.89527925531915  C 8.43535659294513 7.85139627659574  8.42357580741625 7.80751329787235  8.41179502188741 7.77460106382978  C 8.3528910942431 7.61003989361703  8.30576795212767 7.43450797872341  8.28220638106993 7.26994680851065  C 8.28220638106993 7.24800531914893  8.27042559554108 7.22606382978724  8.27042559554108 7.20412234042553  C 8.21152166789678 6.79820478723404  8.23508323895447 6.41422872340425  8.1997408823679 6.26063829787235  C 8.16439852578133 6.01928191489362  7.9876867428484 5.65724734042553  8.12905616919477 5.25132978723404  C 8.1408369547236 5.19647606382979  8.15261774025247 5.14162234042553  8.16439852578133 5.07579787234042  C 8.16439852578133 5.05385638297873  8.16439852578133 5.03191489361703  8.16439852578133 5.02094414893618  C 7.92878281520412 5.09773936170214  7.55179767828058 5.15259308510638  7.16303175582817 4.98803191489362  C 7.16303175582817 4.98803191489362  6.9981007584241 5.04288563829786  6.91563525972208 5.54753989361703  C 6.91563525972208 5.54753989361703  6.91563525972208 5.54753989361703  6.92741604525094 5.54753989361703  C 6.93919683077982 5.55851063829788  6.95097761630865 5.65724734042553  6.96275840183753 5.81083776595745  C 6.9981007584241 6.21675531914893  7.04522390053956 6.9847074468085  7.10412782818386 7.18218085106384  C 7.1276893992416 7.24800531914893  7.13947018477043 7.32480053191491  7.15125097029929 7.40159574468085  C 7.15125097029929 7.4125664893617  7.15125097029929 7.43450797872341  7.16303175582817 7.44547872340426  C 7.18659332688588 7.62101063829788  7.21015489794361 7.84042553191491  7.22193568347247 8.08178191489362  C 7.22193568347247 8.10372340425532  7.22193568347247 8.13663563829788  7.22193568347247 8.15857712765958  Z M 2.23866340476432 6.28257978723404  C 2.25044419029319 6.17287234042553  2.26222497582206 6.10704787234042  2.26222497582206 6.10704787234042  C 2.26222497582206 6.10704787234042  2.27400576135091 6.12898936170212  2.29756733240862 6.16190159574468  C 2.27400576135091 5.59142287234042  2.14441712053343 5.05385638297873  1.88523983889851 5.02094414893616  C 2.14441712053343 5.05385638297873  2.27400576135091 5.58045212765958  2.29756733240862 6.16190159574468  C 2.3093481179375 6.18384308510638  2.32112890346637 6.19481382978724  2.3329096889952 6.22772606382978  C 2.42715597322611 6.40325797872341  2.59208697063015 6.75432180851065  2.58030618510128 7.05053191489362  C 2.58030618510128 7.10538563829788  2.56852539957244 7.19315159574468  2.56852539957244 7.31382978723404  L 2.56852539957244 7.4125664893617  L 2.56852539957244 7.43450797872341  C 2.99263367861142 7.46742021276596  4.08824673279549 7.5003324468085  4.45345108419015 6.92985372340425  L 4.61838208159422 6.55684840425532  C 4.61838208159422 6.55684840425532  4.67728600923851 7.07247340425532  5.23098292909498 7.32480053191489  C 5.64331042260509 7.51130319148935  6.24413048457701 7.44547872340425  6.5150885517408 7.390625  L 6.5150885517408 7.35771276595745  L 6.5150885517408 7.34674202127659  C 6.57399247938512 6.72140957446808  6.72714269126031 6.15093085106382  6.80960818996233 5.92054521276596  C 6.83316976102003 5.85472074468085  6.85673133207778 5.79986702127659  6.86851211760662 5.75598404255319  C 6.8802929031355 5.65724734042553  6.89207368866437 5.55851063829788  6.90385447419324 5.45977393617021  C 6.89207368866437 5.54753989361703  6.8802929031355 5.64627659574468  6.86851211760662 5.75598404255319  C 6.90385447419324 5.61336436170212  6.90385447419324 5.54753989361703  6.91563525972208 5.54753989361703  C 6.9981007584241 5.03191489361703  7.16303175582817 4.98803191489362  7.16303175582817 4.98803191489362  C 7.56357846380941 5.15259308510638  7.92878281520412 5.09773936170214  8.16439852578133 5.02094414893616  C 8.16439852578133 4.98803191489362  8.16439852578133 4.95511968085107  8.16439852578133 4.92220744680851  C 8.16439852578133 4.84541223404255  8.15261774025247 4.75764627659574  8.12905616919477 4.68085106382978  C 8.04659067049273 4.28590425531915  7.78741338885778 3.84707446808509  7.32796275323221 3.64960106382978  C 7.22193568347247 3.60571808510638  7.12768939924156 3.56183510638297  7.04522390053953 3.52892287234042  C 6.8449505465489 3.45212765957446  6.69180033467374 3.3972739361702  6.53865012279854 3.34242021276596  C 6.53865012279854 3.3972739361702  6.55043090832738 3.47406914893616  6.56221169385624 3.53989361702127  C 6.53865012279854 3.46309840425532  6.53865012279854 3.3972739361702  6.53865012279854 3.34242021276596  C 6.32659598327903 3.265625  6.11454184375953 3.16688829787235  5.76111827789371 2.95844414893616  C 5.76111827789371 2.95844414893616  5.54906413837421 2.85970744680851  5.4312562830856 2.68417553191489  C 5.37235235544131 2.60738031914893  5.33700999885473 2.50864361702127  5.36057156991244 2.39893617021277  C 5.36057156991244 2.39893617021277  5.36057156991244 2.37699468085107  5.36057156991244 2.34408244680851  C 5.25454450015269 2.44281914893616  5.12495585933522 2.56349734042554  5.03070957510436 2.66223404255319  L 5.03070957510436 3.46309840425532  L 5.03070957510436 2.66223404255319  C 5.12495585933522 2.56349734042554  5.25454450015269 2.44281914893616  5.36057156991244 2.34408244680851  C 5.36057156991244 2.31117021276596  5.36057156991244 2.26728723404255  5.37235235544131 2.22340425531915  C 5.39591392649901 2.14660904255319  5.4312562830856 2.01496010638297  5.4312562830856 1.97107712765958  C 5.4312562830856 1.97107712765958  5.4312562830856 1.96010638297873  5.4312562830856 1.96010638297873  C 5.39591392649901 1.75166223404255  5.46659863967218 1.57613031914893  5.46659863967218 1.49933510638297  C 5.46659863967218 1.41156914893616  5.31344842779701 1.203125  5.38413314097018 1.04953457446808  C 5.45481785414335 0.895944148936159  5.38413314097018 0.391289893617028  5.38413314097018 0.391289893617028  C 5.37235235544131 0.369348404255312  5.36057156991244 0.358377659574469  5.3487907843836 0.336436170212767  C 5.3487907843836 0.336436170212767  5.3487907843836 0.325465425531917  5.33700999885473 0.325465425531917  C 5.18385978697953 0.160904255319149  4.92468250534458 0.00731382978723261  4.48879344077672 0.0402260638297953  C 4.48879344077672 0.0402260638297953  4.06468516173775 0.0292553191489304  3.77016552351622 0.292553191489354  C 3.75838473798738 0.303523936170205  3.75838473798738 0.303523936170205  3.74660395245851 0.31449468085107  C 3.74660395245851 0.31449468085107  3.73482316692964 0.325465425531917  3.73482316692964 0.325465425531917  C 3.72304238140079 0.336436170212767  3.71126159587193 0.347406914893618  3.71126159587193 0.358377659574469  C 3.67591923928534 0.54488031914893  3.64057688269877 0.775265957446809  3.66413845375651 0.852061170212767  C 3.69948081034308 0.983710106382972  3.75838473798738 1.15924202127659  3.65235766822764 1.29089095744681  C 3.54633059846788 1.42253989361703  3.65235766822764 1.5871010638298  3.65235766822764 1.68583776595745  C 3.65235766822764 1.76263297872341  3.67591923928534 1.86136968085107  3.64057688269877 1.96010638297873  C 3.64057688269877 1.96010638297873  3.67591923928534 2.19049202127659  3.74660395245851 2.30019946808511  C 3.74660395245851 2.32214095744681  3.74660395245851 2.33311170212765  3.75838473798738 2.35505319148935  C 3.86441180774712 2.45378989361703  4.05290437620891 2.62932180851065  4.13536987491094 2.64029255319149  C 4.13536987491094 2.64029255319149  4.08824673279549 3.33144946808511  4.13536987491094 3.43018617021277  C 4.13536987491094 3.44115691489362  4.13536987491094 3.45212765957446  4.12358908938207 3.46309840425532  C 4.13536987491094 3.45212765957446  4.13536987491094 3.44115691489362  4.13536987491094 3.43018617021277  C 4.08824673279549 3.32047872340426  4.13536987491094 2.64029255319149  4.13536987491094 2.64029255319149  C 4.06468516173775 2.62932180851065  3.86441180774712 2.45378989361703  3.75838473798738 2.35505319148935  C 3.77016552351622 2.45378989361703  3.73482316692964 2.54155585106382  3.68770002481422 2.6183510638298  C 3.62879609716993 2.70611702127659  3.53454981293901 2.78291223404255  3.44030352870814 2.84873670212765  C 3.027976035198 3.11203457446808  2.76879875356305 3.27659574468085  2.40359440216837 3.41921542553192  C 2.36825204558178 3.62765957446808  2.28578654687978 3.93484042553192  2.12085554947571 4.17619680851065  C 1.88523983889851 4.50531914893616  1.82633591125421 4.77958776595745  1.73208962702331 4.87832446808509  C 1.82633591125421 4.77958776595745  1.89702062442735 4.51628989361703  2.12085554947571 4.17619680851065  C 2.28578654687978 3.94581117021277  2.36825204558178 3.62765957446808  2.40359440216837 3.41921542553192  C 2.32112890346637 3.45212765957446  2.23866340476432 3.48503989361703  2.14441712053343 3.51795212765958  C 2.05017083630254 3.55086436170214  1.95592455207167 3.58377659574469  1.84989748231193 3.60571808510638  C 1.84989748231193 3.60571808510638  1.00168092423393 3.77027925531915  0.930996211060762 4.77958776595745  C 0.930996211060762 4.8344414893617  0.919215425531927 4.90026595744681  0.930996211060762 4.95511968085107  C 0.930996211060762 4.98803191489362  0.930996211060762 5.02094414893616  0.930996211060762 5.05385638297873  C 1.06058485187825 5.07579787234042  1.21373506375342 5.09773936170214  1.36688527562862 5.09773936170214  C 1.21373506375342 5.09773936170214  1.06058485187825 5.07579787234042  0.930996211060762 5.05385638297873  L 0.930996211060762 5.06482712765958  C 0.942776996589632 5.11968085106382  0.966338567647348 5.18550531914893  0.966338567647348 5.26230053191489  C 1.0134617097628 5.71210106382978  0.907434640003054 6.57878989361703  0.801407570243303 7.25897606382978  L 0.789626784714429 7.30285904255319  C 0.989900138705092 7.40159574468085  1.49647391644611 7.62101063829788  1.95592455207167 7.42353723404255  C 1.95592455207167 7.40159574468085  1.95592455207167 7.390625  1.96770533760054 7.3686835106383  C 1.99126690865825 7.20412234042553  2.02660926524484 7.05053191489362  2.07373240736029 6.90791223404255  C 2.16797869159117 6.63364361702127  2.21510183370662 6.42519946808509  2.23866340476432 6.28257978723404  Z M 6.91563525972208 5.13065159574469  C 6.91563525972208 5.20744680851065  6.91563525972208 5.29521276595744  6.90385447419324 5.39394946808509  C 6.91563525972208 5.29521276595744  6.91563525972208 5.20744680851065  6.91563525972208 5.13065159574469  Z M 5.38413314097018 0.391289893617028  C 5.37235235544131 0.391289893617028  5.45481785414335 0.884973404255319  5.37235235544131 1.04953457446808  C 5.30166764226814 1.203125  5.45481785414335 1.41156914893616  5.45481785414335 1.49933510638297  C 5.45481785414335 1.57613031914893  5.38413314097018 1.75166223404255  5.41947549755676 1.96010638297873  C 5.41947549755676 1.94913563829788  5.44303706861447 1.94913563829788  5.45481785414335 1.93816489361703  C 5.52550256731651 1.90525265957446  5.65509120813397 1.8503989361702  5.67865277919167 1.66389627659574  C 5.71399513577828 1.40059840425532  5.71399513577828 1.2250664893617  5.66687199366283 1.21409574468085  C 5.61974885154739 1.19215425531915  5.54906413837421 1.23603723404255  5.53728335284538 1.2250664893617  C 5.51372178178764 1.21409574468085  5.5844064949608 0.874002659574469  5.52550256731651 0.698470744680851  C 5.52550256731651 0.698470744680851  5.52550256731651 0.6875  5.52550256731651 0.6875  C 5.50194099625876 0.621675531914889  5.46659863967218 0.511968085106382  5.38413314097018 0.391289893617028  Z M 3.36961881553498 1.56515957446808  C 3.35783803000611 1.55418882978723  3.41674195765043 1.88331117021277  3.61701531164105 1.96010638297873  C 3.62879609716993 1.96010638297873  3.64057688269877 1.97107712765958  3.65235766822764 1.97107712765958  C 3.67591923928534 1.87234042553192  3.66413845375651 1.77360372340426  3.66413845375651 1.6968085106383  C 3.66413845375651 1.5871010638298  3.55811138399672 1.43351063829788  3.66413845375651 1.30186170212765  C 3.77016552351622 1.17021276595745  3.71126159587193 0.994680851063823  3.67591923928534 0.863031914893618  C 3.65235766822764 0.78623670212766  3.68770002481422 0.555851063829795  3.72304238140079 0.369348404255312  C 3.65235766822764 0.446143617021271  3.59345374058332 0.533909574468083  3.55811138399672 0.654587765957452  C 3.55811138399672 0.654587765957452  3.51098824188131 0.841090425531917  3.51098824188131 1.203125  C 3.51098824188131 1.203125  3.27537253130407 1.15924202127659  3.36961881553498 1.56515957446808  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 29 15 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/u45.png b/frontend/src/renderer/src/assets/u45.png
new file mode 100644
index 00000000..e64eb882
Binary files /dev/null and b/frontend/src/renderer/src/assets/u45.png differ
diff --git a/frontend/src/renderer/src/views/Dashboard.vue b/frontend/src/renderer/src/views/Dashboard.vue
index 0e926886..85ca187e 100644
--- a/frontend/src/renderer/src/views/Dashboard.vue
+++ b/frontend/src/renderer/src/views/Dashboard.vue
@@ -34,21 +34,21 @@
           </div>
           <el-table ref="tableRef" :data="filteredPatients" style="width: 100%" border @cell-click="selectPatient"
             highlight-current-row>
-            <el-table-column prop="name" label="姓名" min-width="60" />
-            <el-table-column prop="id" label="测试者ID" min-width="60" />
-            <el-table-column prop="updated_at" label="最后一次检查时间" min-width="60" />
-            <el-table-column prop="gender" label="性别" min-width="60" />
-            <el-table-column prop="num" label="测试次数" min-width="60" />
-            <el-table-column prop="status" label="测试状态" min-width="60">
+            <el-table-column prop="name" label="姓名" width="150" align="center" />
+            <el-table-column prop="id" label="测试者ID" min-width="120" align="center" />
+            <el-table-column prop="updated_at" label="最后一次检查时间" min-width="100" align="center" />
+            <el-table-column prop="gender" label="性别" width="120" align="center" />
+            <el-table-column prop="num" label="测试次数" width="120" align="center" />
+            <el-table-column prop="status" label="测试状态" align="center">
               <template #default="scope">
-                <span v-if="!scope.row.status" style="font-size: 14px;color:#F59A23;">未处理</span>
-                <span v-else  style="font-size: 14px;color:#ffffff;">已处理</span>
+                <span v-if="!scope.row.status" style="font-size: 18px;color:#F59A23;">未处理</span>
+                <span v-else  style="font-size: 18px;color:#ffffff;">已处理</span>
               </template>
             </el-table-column>
-            <el-table-column prop="doctor" label="测试医生" min-width="60" />
-            <el-table-column fixed="right" label="操作" width="80">
+            <el-table-column prop="doctor" label="测试医生" min-width="80" align="center" />
+            <el-table-column fixed="right" label="操作" width="100">
               <template #default="scope">
-                <el-button link type="primary" size="small" @click="delClick(scope.row.id)">删除</el-button>
+                <el-button link type="primary" style="font-size: 18px;" size="small" @click="delClick(scope.row.id)">删除</el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -981,14 +981,14 @@ function delClick(id) {
   display: flex;
   justify-content: center;
   box-sizing: border-box;
-  padding-top: 10px;
+  padding-top: 13px;
   width: 100%;
 }
 
 .basic-info-text {
   width: 33%;
   text-align: center;
-  font-size: 14px;
+  font-size: 20px;
 }
 
 .basic-info-textcolor {
@@ -1088,11 +1088,14 @@ function delClick(id) {
 :deep(.el-table th .cell){
   color: #30F3FF ;
   font-weight: 400;
-  font-size: 14px;
+  font-size: 18px;
 }
 :deep(.el-table--border .el-table__inner-wrapper){
   border-right: 1px solid #434343;
 }
+:deep(.el-table .cell){
+  font-size: 18px;
+}
 </style>
 <style>
 .dashboard-container.dashboard-container-home .el-table {
diff --git a/frontend/src/renderer/src/views/Detection.vue b/frontend/src/renderer/src/views/Detection.vue
index 11b6cd2f..175670a6 100644
--- a/frontend/src/renderer/src/views/Detection.vue
+++ b/frontend/src/renderer/src/views/Detection.vue
@@ -7,18 +7,19 @@
       <header class="top-bar">
         <div style="display: flex;align-items: center;">
           <div v-if="!isRecording" class="top-bar-left" @click="routeTo('/')">
-            <img src="@/assets/svg/goback.svg" alt="">
+            <img src="@/assets/svg/u14.svg" alt="">
             <!-- <el-icon class="back-icon" @click="handleBack"><ArrowLeft /></el-icon> -->
             <span class="page-title">实时检测</span>
           </div>
+          <!-- 录制时间 -->
           <div v-if="isRecording" class="icon-container">
             <img src="@/assets/record.png" class="blink-icon" :class="{ blinking: isRunning }" alt="">
-            <div>{{ formattedTime }}</div>
+            <div style="font-size: 18px;">{{ formattedTime }}</div>
           </div>
           <el-button v-if="!isRecording" @click="handleStartStop" :disabled="!isConnected" type="primary"
             class="start-btn" style="background-image: linear-gradient(to right, rgb(236, 50, 166), rgb(160, 5, 216)); 
                   --el-button-border-color: #409EFF;
-              --el-button-border-color: transparent;">
+              --el-button-border-color: transparent;width: 120px;height: 30px;font-size: 20px;">
             {{ isConnected ? '开始' : '连接中...' }}
           </el-button>
           <!-- handleStartStop -->
@@ -49,53 +50,59 @@
       <!-- 核心内容区（网格布局） -->
       <div id="detectare" class="content-grid">
         <!-- 身体姿态模块 -->
-        <div class="module-card body-posture" style="width: 25%; ">
-          <div class="module-header" style="justify-content: flex-start;">
+        <div class="module-card body-posture" style="width: 25%;margin-right: 1px; ">
+          <div class="module-header">
             <div class="module-title">
               <div class="module-title-bg">
-                <img src="@/assets/st.png" alt="" srcset="" style="margin-right: 5px;">
+                <img src="@/assets/svg/u58.svg" alt="" srcset="" style="margin-right: 5px;">
                 身体姿态
               </div>
             </div>
-            <div style="margin-left: 10px;font-size: 14px;">{{ videoStatus }}</div>
+            <div :style="{ color: videoStatus == '已连接' ? '#00CC33' : '#ffffff' }" style="font-size: 14px;">
+              {{ videoStatus }}</div>
           </div>
-          <div style="display: flex;justify-content: center;height: 100%;padding-top: 10px;">
+          <div style="display: flex;justify-content: center;height: 100%;padding-top: 0px;">
             <!-- 使用深度相机视频流替换静态图片 -->
             <img :src="depthCameraImgSrc || '@/assets/posture.png'" alt="深度相机视频流"
-              style="width: 100%;height: calc(100% - 10px);object-fit:contain;background:#2C2C2C;">
+              style="width: 100%;height: calc(100% - 10px);object-fit:contain;background:#323232;">
           </div>
         </div>
-        <div class="body-posture" style="width: 44%;display: flex;
+        <div class="body-posture" style="width: 45%;display: flex;margin-right: 1px;
             flex-wrap: wrap;
             align-content: space-between;
         ">
 
-          <div class="module-card" style=" height:50%;min-height: 425px;margin-bottom: 5px;">
+          <div class="module-card" style=" height:50%;min-height: 425px;margin-bottom: 1px;">
             <!-- 头部姿态模块 -->
             <div style="display: flex;">
               <div class="module-header">
                 <div style="display: flex;align-items: center;">
                   <div class="module-title">
                     <div class="module-title-bg">
-                      <img src="@/assets/tb.png" alt="" srcset="" style="margin-right: 5px;">
+                      <img src="@/assets/svg/u67.svg" alt="" srcset="" style="margin-right: 5px;">
                       头部姿态
                     </div>
                   </div>
-                  <div style="margin-left: 10px;font-size: 14px;">{{ imuStatus }}</div>
+
                 </div>
-                <div style="display: flex; gap: 10px;">
+                <div style="display: flex;align-items: center;">
+                  <div :style="{ color: imuStatus == '已连接' ? '#00CC33' : '#ffffff' }" style="font-size: 14px;">{{
+                    imuStatus
+                    }}</div>
                   <el-button type="primary" class="start-btn" @click="clearAndStartTracking" :disabled="isRecording"
-                    style="background-image: linear-gradient(to right, rgb(236, 50, 166), rgb(160, 5, 216));
-                           --el-button-border-color: transparent !important;border-radius: 20px;border:none;width: 150px;">
+                    style="background-color: #0099ff;font-size: 14px;margin-left: 15px;
+                           --el-button-border-color: transparent !important;border-radius: 20px;height:26px;border:none;width: 100px;">
                     清零并保存
                   </el-button>
+
                 </div>
               </div>
 
             </div>
             <!-- 仪表盘区域 -->
             <div style="display: flex;justify-content: space-between;padding: 0px 10px;padding-top: 10px;">
-              <div style="width: 33%;">
+              <div style="width: 33%;position: relative;">
+                <div class="chart-title">旋转角</div>
                 <div id="rotationChartId" style="width: 100%;height: 140px;"></div>
                 <div class="gauge-group-box">
                   <div class="gauge-group-box-text1">左：<span class="gauge-group-box-text2">{{
@@ -104,7 +111,8 @@
                     headPoseMaxValues.rotationRightMax.toFixed(1) }}°</span></div>
                 </div>
               </div>
-              <div style="width: 33%;">
+              <div style="width: 33%;position: relative;">
+                <div class="chart-title">倾斜角</div>
                 <div id="pitchChartId" style="width: 100%;height: 140px;"></div>
                 <div class="gauge-group-box">
                   <div class="gauge-group-box-text1">左：<span class="gauge-group-box-text2">{{
@@ -113,20 +121,25 @@
                     headPoseMaxValues.tiltRightMax.toFixed(1) }}°</span></div>
                 </div>
               </div>
-              <div style="width: 33%;">
+              <div style="width: 33%;position: relative;">
+                <div class="chart-title">俯仰角</div>
                 <div id="tiltChartId" style="width: 100%;height: 140px;"></div>
                 <div class="gauge-group-box">
-                  <div class="gauge-group-box-text1">下：<span class="gauge-group-box-text2">{{
+                  <div class="gauge-group-box-text1">俯：<span class="gauge-group-box-text2">{{
                     headPoseMaxValues.pitchDownMax.toFixed(1) }}°</span></div>
-                  <div class="gauge-group-box-text1" style="margin-left: 20px;">上：<span class="gauge-group-box-text2">{{
+                  <div class="gauge-group-box-text1" style="margin-left: 20px;">仰：<span class="gauge-group-box-text2">{{
                     headPoseMaxValues.pitchUpMax.toFixed(1) }}°</span></div>
                 </div>
               </div>
             </div>
+            <div class="icon-box">
+              <div class="icon-box-mark"></div>
+              <div class="icon-box-text">历史数据</div>
+            </div>
             <!-- 历史数据表格 -->
-            <div style="display: flex;justify-content: center;padding: 0px 25px;margin-top: 20px;">
-              <el-table :data="historyData" border style="width: 96%;overflow: auto;" :height="160">
-                <el-table-column prop="id" label="ID" width="60" />
+            <div style="display: flex;justify-content: center;padding: 0px 10px;margin-top: 5px;">
+              <el-table :data="historyData" border style="width: 100%;overflow: auto;" :height="200" >
+                <el-table-column prop="id" label="ID" align="center" width="60" />
                 <el-table-column label="最大旋转角" align="center">
                   <el-table-column prop="rotLeft" label="左" min-width="60" align="center" />
                   <el-table-column prop="rotRight" label="右" min-width="60" align="center" />
@@ -144,32 +157,32 @@
           </div>
           <!-- 足部压力模块 -->
           <div class="module-card" style=" height:50%;">
-
             <div style="display: flex;">
-              <div class="module-header" style="justify-content: flex-start;">
+              <div class="module-header">
                 <div class="module-title">
                   <div class="module-title-bg">
-                    <img src="@/assets/zb.png" alt="" srcset="" style="margin-right: 5px;">
+                    <img src="@/assets/svg/u125.svg" alt="" srcset="" style="margin-right: 5px;">
                     足部压力
                   </div>
                 </div>
-                <div style="margin-left: 10px;font-size: 14px;">{{ pressureStatus }}</div>
+                <div :style="{ color: pressureStatus == '已连接' ? '#00CC33' : '#ffffff' }" style="font-size: 14px;">{{
+                  pressureStatus }}</div>
               </div>
             </div>
             <div class="foot-container">
-              <div class="foot-container-left" style="font-size: 14px;">
-                <div>
+              <div class="foot-container-left" style="font-size: 18px;">
+                <div style="width: 160px;">
                   <span>左前足</span>
-                  <span style="font-size: 24px;" class="foot-container-paddingcolor">{{ footPressure.left_front
-                  }}</span>
+                  <span class="foot-container-paddingcolor">{{ footPressure.left_front
+                  }}%</span>
                 </div>
-                <div class="foot-container-margintop">
+                <div class="foot-container-margintop" style="width: 160px;">
                   <span>左后足</span>
-                  <span style="font-size: 24px;" class="foot-container-paddingcolor">{{ footPressure.left_rear }}</span>
+                  <span class="foot-container-paddingcolor">{{ footPressure.left_rear }}%</span>
                 </div>
               </div>
               <div class="foot-container-content">
-                <div style="display: flex;justify-content: center;margin-bottom: 8px;font-size: 16px;font-weight: 700;">
+                <div style="display: flex;justify-content: center;margin-bottom: 8px;font-size: 20px;">
                   <div>
                     <span>左足</span>
                   </div>
@@ -177,30 +190,35 @@
                     <span>右足</span>
                   </div>
                 </div>
-                <img :src="footImgSrc" style="width: 300px;height: 300px;" alt="">
-                <div style="display: flex;justify-content: center;margin-top: 8px;font-size: 14px;">
+                <div style="position: relative;width: 300px;height: 300px;">
+                  <img :src="footImgSrc" style="width: 300px;height: 300px;" alt="">
+                  <div class="xline"></div>
+                  <div class="yline"></div>
+                </div>
+                <div
+                  style="display: flex;justify-content: center;margin-top: 8px;font-size: 18px;width: 430px;margin-left: -20px;">
                   <div>
                     <span>左足总压力</span>
-                    <span style="font-size: 24px;" class="foot-container-paddingcolor">{{ footPressure.left_total
-                    }}</span>
+                    <span class="foot-container-paddingcolor">{{ footPressure.left_total
+                    }}%</span>
                   </div>
                   <div class="foot-container-marginleft">
                     <span>右足总压力</span>
-                    <span style="font-size: 24px;" class="foot-container-paddingcolor">{{ footPressure.right_total
-                    }}</span>
+                    <span class="foot-container-paddingcolor">{{ footPressure.right_total
+                    }}%</span>
                   </div>
                 </div>
               </div>
-              <div class="foot-container-right" style="font-size: 14px;">
-                <div>
+              <div class="foot-container-right" style="font-size: 18px;">
+                <div style="width: 160px;">
                   <span>右前足</span>
-                  <span style="font-size: 24px;" class="foot-container-paddingcolor">{{ footPressure.right_front
-                  }}</span>
+                  <span class="foot-container-paddingcolor">{{ footPressure.right_front
+                  }}%</span>
                 </div>
-                <div class="foot-container-margintop">
+                <div class="foot-container-margintop" style="width: 160px;">
                   <span>右后足</span>
-                  <span style="font-size: 24px;" class="foot-container-paddingcolor">{{ footPressure.right_rear
-                  }}</span>
+                  <span class="foot-container-paddingcolor">{{ footPressure.right_rear
+                  }}%</span>
                 </div>
               </div>
             </div>
@@ -212,97 +230,104 @@
           align-content: space-between;
         ">
           <!-- 基础信息模块 -->
-          <div class="module-card" style="padding-bottom: 40px; height: 50%;min-height: 425px;margin-bottom: 5px;">
+          <div class="module-card" style="padding-bottom: 40px; height: 50%;min-height: 425px;margin-bottom: 1px;">
             <div style="display: flex;">
               <div class="module-header">
                 <div class="module-title">
                   <div class="module-title-bg">
-                    <img src="@/assets/jc.png" alt="" srcset="" style="margin-right: 5px;">
+                    <img src="@/assets/svg/u164.svg" alt="" srcset="" style="margin-right: 5px;">
                     基础信息
                   </div>
 
                 </div>
-                <el-icon class="edit-icon">
+                <el-icon class="edit-icon" style="width: 24px;height: 24px;font-size: 24px;">
                   <Edit />
                 </el-icon>
               </div>
             </div>
             <div class="basic-info-box">
               <div class="basic-info-content">
-                <div class="basic-info-text">
-                  <div class="basic-info-textcolor">测试者ID</div>
-                  <div>{{ patientInfo.id || '-' }}</div>
+                <div class="basic-info-content-item">
+                  <div class="basic-info-text1">姓名</div>
+                  <div class="basic-info-text2" style="color: #ffc907;">{{ patientInfo.name ||
+                    '-' }}</div>
                 </div>
-                <div class="basic-info-text">
-                  <div class="basic-info-textcolor">姓名</div>
-                  <div>{{ patientInfo.name || '-' }}</div>
-                </div>
-                <div class="basic-info-text">
-                  <div class="basic-info-textcolor">性别</div>
-                  <div>{{ patientInfo.gender || '-' }}</div>
+                <div class="basic-info-content-item">
+                  <div class="basic-info-text1">测试者ID</div>
+                  <div class="basic-info-text2">{{ patientInfo.id || '-' }}</div>
                 </div>
               </div>
               <div class="basic-info-content">
-                <div class="basic-info-text">
-                  <div class="basic-info-textcolor">出生日期</div>
-                  <div>{{ patientInfo.birth_date ? formatDate(patientInfo.birth_date) : '-' }}</div>
+                <div class="basic-info-content-item">
+                  <div class="basic-info-text1">性别</div>
+                  <div class="basic-info-text2">{{ patientInfo.gender || '-' }}</div>
                 </div>
-                <div class="basic-info-text">
-                  <div class="basic-info-textcolor">年龄</div>
-                  <div>{{ patientInfo.age || '-' }}</div>
-                </div>
-                <div class="basic-info-text">
-                  <div class="basic-info-textcolor">民族</div>
-                  <div>{{ patientInfo.nationality || '-' }}</div>
+                <div class="basic-info-content-item">
+                  <div class="basic-info-text1">出生日期</div>
+                  <div class="basic-info-text2">{{ patientInfo.birth_date ? formatDate(patientInfo.birth_date) : '-' }}
+                  </div>
                 </div>
               </div>
               <div class="basic-info-content">
-                <div class="basic-info-text">
-                  <div class="basic-info-textcolor">身高cm</div>
-                  <div>{{ patientInfo.height || '-' }}</div>
+                <div class="basic-info-content-item">
+                  <div class="basic-info-text1">年龄</div>
+                  <div class="basic-info-text2">{{ calculateAge(patientInfo.birth_date) }}</div>
                 </div>
-                <div class="basic-info-text">
-                  <div class="basic-info-textcolor">体重kg</div>
-                  <div>{{ patientInfo.weight || '-' }}</div>
-                </div>
-                <div class="basic-info-text">
-                  <div class="basic-info-textcolor">鞋码</div>
-                  <div>{{ patientInfo.shoe_size || '-' }}</div>
+                <div class="basic-info-content-item">
+                  <div class="basic-info-text1">民族</div>
+                  <div class="basic-info-text2">{{ patientInfo.nationality || '-' }}</div>
                 </div>
               </div>
               <div class="basic-info-content">
-                <div class="basic-info-text">
-                  <div class="basic-info-textcolor">电话号码</div>
-                  <div>{{ patientInfo.phone || '-' }}</div>
+                <div class="basic-info-content-item">
+                  <div class="basic-info-text1">身高cm</div>
+                  <div class="basic-info-text2">{{ patientInfo.height || '-' }}</div>
                 </div>
-                <div class="basic-info-text">
-                  <div class="basic-info-textcolor">建档时间</div>
-                  <div>{{ patientInfo.created_at ? formatDate(patientInfo.created_at) : '-' }}</div>
+                <div class="basic-info-content-item">
+                  <div class="basic-info-text1">体重kg</div>
+                  <div class="basic-info-text2">{{ patientInfo.weight || '-' }}</div>
                 </div>
-                <div class="basic-info-text">
+              </div>
+              <div class="basic-info-content">
+                <div class="basic-info-content-item">
+                  <div class="basic-info-text1">鞋码</div>
+                  <div class="basic-info-text2">{{ patientInfo.shoe_size || '-' }}</div>
+                </div>
+                <div class="basic-info-content-item">
+                  <div class="basic-info-text1">电话号码</div>
+                  <div class="basic-info-text2">{{ patientInfo.phone || '-' }}</div>
+                </div>
+              </div>
+              <div class="basic-info-content">
+                <div class="basic-info-content-item">
+                  <div class="basic-info-text1">建档时间</div>
+                  <div class="basic-info-text2">{{ patientInfo.created_at ? formatDate(patientInfo.created_at) : '-' }}
+                  </div>
+                </div>
+                <div class="basic-info-content-item">
 
                 </div>
               </div>
-
             </div>
 
           </div>
           <!-- 视频模块 -->
           <div class="module-card" style="height: 50%;">
-            <div style="display: flex;margin-bottom: 20px;">
-              <div class="module-header" style="justify-content: flex-start;">
+            <div style="display: flex;margin-bottom: 15px;">
+              <div class="module-header">
                 <div class="module-title">
                   <div class="module-title-bg">
-                    <img src="@/assets/sp.png" alt="" srcset="" style="margin-right: 5px; ">
+                    <img src="@/assets/svg/u155.svg" alt="" srcset="" style="margin-right: 5px; ">
                     视频
                   </div>
                 </div>
-                <div style="margin-left: 10px;font-size: 14px;">{{ videoStatus }}</div>
+                <div :style="{ color: videoStatus == '已连接' ? '#00CC33' : '#ffffff' }" style="font-size: 14px;">{{
+                  videoStatus }}</div>
               </div>
             </div>
             <!-- 使用img元素显示视频流（优化的Data URL方案） -->
             <img :src="rtspImgSrc" alt=""
-              style="width: 100%;height: calc(100% - 60px);object-fit:contain;background:#2C2C2C;" />
+              style="width: 100%;height: calc(100% - 80px);object-fit:contain;background:#323232;" />
           </div>
         </div>
       </div>
@@ -399,9 +424,9 @@ const handleClose = () => {
   dialogVisible.value = false
 }
 const diagnosticForm = ref({
-  diagnosis_info:'',
-  treatment_info:'',
-  suggestion_info:''
+  diagnosis_info: '',
+  treatment_info: '',
+  suggestion_info: ''
 })
 // 模拟历史数据
 const historyData = ref([
@@ -412,6 +437,7 @@ const historyData = ref([
 const chartoption = ref({
   backgroundColor: '#000000',
   grid: { top: 0, right: 0, bottom: 0, left: 0 },
+  animation: false,
   series: [
     {
       type: 'gauge',
@@ -538,7 +564,17 @@ const resetTimer = () => {
 function routeTo(path) {
   router.push(`/`)
 }
-
+const calculateAge = (birthDate) => {
+  if (!birthDate) return '-'
+  const today = new Date()
+  const birth = new Date(birthDate)
+  let age = today.getFullYear() - birth.getFullYear()
+  const monthDiff = today.getMonth() - birth.getMonth()
+  if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birth.getDate())) {
+    age--
+  }
+  return age
+}
 // 返回按钮逻辑
 const handleBack = () => {
   console.log('返回上一页')
@@ -1068,7 +1104,7 @@ function stopPressureStreaming() {
   }
 }
 
-async function handleDiagnosticInfo(status){
+async function handleDiagnosticInfo(status) {
   try {
     // 检查是否有活跃的会话ID
     if (!patientInfo.value.sessionId) {
@@ -1081,11 +1117,11 @@ async function handleDiagnosticInfo(status){
         'Content-Type': 'application/json'
       },
       body: JSON.stringify({
-        diagnosis_info:diagnosticForm.diagnosis_info,
-        treatment_info:diagnosticForm.treatment_info,
-        suggestion_info:diagnosticForm.suggestion_info,
-        status:status,
-        session_id:patientInfo.value.sessionId,
+        diagnosis_info: diagnosticForm.diagnosis_info,
+        treatment_info: diagnosticForm.treatment_info,
+        suggestion_info: diagnosticForm.suggestion_info,
+        status: status,
+        session_id: patientInfo.value.sessionId,
       })
     })
     if (!response.ok) {
@@ -1565,9 +1601,9 @@ async function saveRecording() {
           // patientInfo.value.sessionId = null
           console.log('✅ 会话正式结束，会话ID已清空')
           diagnosticForm.value = {
-            diagnosis_info:'',
-            treatment_info:'',
-            suggestion_info:''
+            diagnosis_info: '',
+            treatment_info: '',
+            suggestion_info: ''
           }
           dialogVisible.value = true
         } else {
@@ -1910,7 +1946,8 @@ onUnmounted(() => {
   justify-content: space-between;
   align-items: center;
   padding: 10px 20px;
-  background-color: #000000;
+  background-color: #292929;
+  /* margin-bottom: 1px; */
 }
 
 .top-bar-left {
@@ -1927,7 +1964,7 @@ onUnmounted(() => {
 .page-title {
   font-size: 18px;
   font-weight: bold;
-  margin-left: 20px;
+  margin-left: 10px;
 }
 
 .start-btn {
@@ -1956,9 +1993,9 @@ onUnmounted(() => {
 /* 核心内容网格布局 */
 .content-grid {
   display: flex;
-  padding: 0px 10px;
+  padding: 0px 0px;
   justify-content: space-between;
-  height: calc(100vh - 120px);
+  height: calc(100vh - 100px);
   /* flex: 1;
 
   display: grid;
@@ -1970,18 +2007,24 @@ onUnmounted(() => {
 /* 通用模块样式 */
 .module-card {
   width: 100%;
-  background-color: #2C2C2C !important;
+  background-color: #323232 !important;
   border: none !important;
 }
 
 .module-header {
   width: 100%;
   display: flex;
+  height: 40px;
   align-items: center;
   justify-content: space-between;
-  margin-top: 10px;
-  margin-left: 10px;
-  margin-right: 10px;
+  padding: 0px 15px;
+  background-color: rgba(41, 41, 41, 1);
+  box-sizing: border-box;
+  border-width: 1px;
+  border-style: solid;
+  border-color: rgba(27, 27, 27, 1);
+  border-right: none;
+  border-left: none;
 }
 
 .module-title {
@@ -1992,7 +2035,7 @@ onUnmounted(() => {
   align-items: center;
   justify-content: center;
   /* border: 2px solid #ffffff; */
-  background: linear-gradient(to right, rgb(245, 173, 7), rgb(160, 5, 216));
+  /* background: linear-gradient(to right, rgb(245, 173, 7), rgb(160, 5, 216)); */
   border-radius: 20px;
 
 
@@ -2006,9 +2049,11 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   width: 116px;
-  background: #2C2C2C;
-  border-radius: 20px;
-  padding: 0px 15px;
+  font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
+  font-weight: 700;
+  font-style: normal;
+  font-size: 18px;
+  color: #FFFFFF;
 }
 
 .header-icon {
@@ -2218,22 +2263,26 @@ onUnmounted(() => {
 }
 
 .gauge-group-box {
+  height: 50px;
   display: flex;
   align-items: center;
   color: #ffffff;
   font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
-  height: 30px;
+  justify-content: space-between;
+  padding: 0px 20px;
 }
 
 .gauge-group-box-text1 {
   font-size: 16px;
   font-weight: 700;
   font-style: normal;
+  display: flex;
+  align-items: center;
 }
 
 .gauge-group-box-text2 {
   font-size: 24px;
-  color: #30F3FF;
+  color: #ff9900;
   font-weight: 700;
 }
 
@@ -2252,6 +2301,7 @@ onUnmounted(() => {
 .foot-container-content {
   margin: 0px 20px;
   text-align: center;
+  width: 300px;
 }
 
 .foot-container-margintop {
@@ -2264,21 +2314,49 @@ onUnmounted(() => {
 
 .foot-container-paddingcolor {
   padding-left: 10px;
-  color: #30F3FF;
+  color: #ff9900;
+  font-size: 30px;
+  font-weight: 700;
 }
 
 .basic-info-content {
   display: flex;
-  justify-content: center;
-  box-sizing: border-box;
-  padding-top: 10px;
+  /* justify-content: center;
+  box-sizing: border-box; */
+  padding-top: 20px;
   width: 100%;
+  justify-content: space-between;
+}
+
+.basic-info-content-item {
+  display: flex;
+  align-items: center;
+  width: 50%;
+}
+
+.basic-info-text1 {
+  width: 85px;
+  text-align: center;
+  height: 46px;
+  line-height: 46px;
+}
+
+.basic-info-text2 {
+  width: 180px;
+  font-size: 20px;
+  background-color: rgba(36, 36, 36, 1);
+  border-radius: 4px;
+  color: #FFFFFF;
+  text-align: left;
+  height: 46px;
+  line-height: 46px;
+  padding-left: 15px;
 }
 
 .basic-info-text {
   width: 33%;
   text-align: center;
-  font-size: 13px;
+  font-size: 20px;
 }
 
 .basic-info-textcolor {
@@ -2287,10 +2365,18 @@ onUnmounted(() => {
 }
 
 .basic-info-box {
-  display: flex;
+  /* 
   flex-wrap: wrap;
-  align-content: center;
+  align-content: center; */
+  width: 100%;
   height: 100%;
+  /* display: flex; */
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 0px 20px;
 }
 
 .dialog-title {
@@ -2361,31 +2447,126 @@ onUnmounted(() => {
     transform: scale(1);
   }
 }
+
+.xline {
+  position: absolute;
+  width: 400px;
+  /* height: 1px; */
+  border-top: 1px dashed red;
+  top: 50%;
+  left: -20px;
+}
+
+.yline {
+  position: absolute;
+  /* width:1px; */
+  height: 400px;
+  /* height: 1px; */
+  border-left: 1px dashed red;
+  top: -20px;
+  left: 50%;
+}
+
+.icon-box {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 0px 10px;
+}
+
+.icon-box-mark {
+  width: 4px;
+  height: 14px;
+  background-color: rgba(0, 153, 255, 1);
+  margin-right: 10px;
+}
+
+.icon-box-text {
+  font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
+  font-weight: 700;
+  font-style: normal;
+  font-size: 16px;
+  color: #0099FF;
+}
+
+.chart-title {
+  position: absolute;
+  top: 4px;
+  left: 7px;
+  z-index: 2000;
+  font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
+  font-weight: 700;
+  font-style: normal;
+  font-size: 14px;
+  color: #EEF1FA;
+}
+
+:deep(.el-table--border .el-table__inner-wrapper:after, .el-table--border:after, .el-table--border:before, .el-table__inner-wrapper:before) {
+  background-color: rgb(81, 81, 81) !important;
+}
+
+:deep(.el-table__body-wrapper) {
+  border-bottom: 1px solid rgb(81, 81, 81) !important;
+}
+
+:deep(.el-table thead.is-group th.el-table__cell) {
+  border-right: 1px solid rgb(81, 81, 81) !important;
+  border-bottom: 1px solid rgb(81, 81, 81) !important;
+}
+
+:deep(.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf) {
+  border-bottom: 1px solid rgb(81, 81, 81) !important;
+  background-color: #282828 !important;
+  border-right: 1px solid rgb(81, 81, 81) !important;
+}
 </style>
 <style>
+.dashboard-container.dashboard-container-home .el-table--border .el-table__inner-wrapper:after,
+.el-table--border:after,
+.el-table--border:before,
+.el-table__inner-wrapper:before {
+  background: rgb(81, 81, 81) !important;
+}
+
+.dashboard-container.dashboard-container-home .el-table__border-bottom-patch,
+.el-table__border-left-patch {
+  background: rgb(81, 81, 81) !important;
+}
+
 .dashboard-container .el-table {
-  background: transparent !important;
+  background: #464646 !important;
 }
 
 .dashboard-container .el-table tr {
-  background-color: transparent !important;
+  background-color: #464646 !important;
 }
 
 .dashboard-container .el-table thead.is-group th.el-table__cell {
-  background-color: transparent !important;
+  background-color: #464646 !important;
+}
+
+.dashboard-container .is-group .cell {
+  color: #C9C9C9;
+  font-size: 18px;
+  font-weight: 400;
 }
 
 .dashboard-container .cell {
-  color: #fff;
+  font-size: 18px;
+  color: #ffffff;
+}
+
+.dashboard-container tr>td.el-table__cell {
+  color: #ffffff;
 }
 
 .dashboard-container .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
-  background-color: transparent !important;
+  background-color: #6F4200 !important;
 }
 
 .el-table td.el-table__cell,
 .el-table th.el-table__cell.is-leaf {
-  background-color: transparent !important;
+  background-color: rgb(81, 81, 81) !important;
 }
 
 .top-bar .el-button {
diff --git a/frontend/src/renderer/src/views/Header.vue b/frontend/src/renderer/src/views/Header.vue
index ce0a9e59..816655b8 100644
--- a/frontend/src/renderer/src/views/Header.vue
+++ b/frontend/src/renderer/src/views/Header.vue
@@ -4,7 +4,7 @@
       <div class="header">
         <div class="header-left">
           <div class="system-logo">
-            <img src="@/assets/svg/logo.svg" alt="Logo" class="logo" />
+            <img src="@/assets/svg/u7.svg" alt="Logo" class="logo" />
           </div>
           <div class="system-title">平衡体态检测系统</div>
         </div>
@@ -105,13 +105,13 @@
   
   .header {
     height: 50px;
-    background: #000000;
-    border-bottom: 1px solid #434343;
+    background: #323232;
+    border-bottom: none;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 20px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
   }
   
   .header-left {
@@ -127,18 +127,21 @@
   }
   
   .system-logo {
-    width: 32px;
-    height: 32px;
+    width: 26px;
+    height: 26px;
     border-radius: 4px;
-    background: #136166;
+    background: #0099ff;
     text-align: center;
     padding-top: 3px;
   }
   
   .system-title {
-    font-size: 18px;
-    color: #AAAAAA;
     margin: 0;
+    font-family: 微软雅黑, sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    font-size: 22px;
+    color: rgb(255, 255, 255);
   }
   
   .header-right {
diff --git a/frontend/src/renderer/src/views/PatientProfile.vue b/frontend/src/renderer/src/views/PatientProfile.vue
index cd872045..8f4747cd 100644
--- a/frontend/src/renderer/src/views/PatientProfile.vue
+++ b/frontend/src/renderer/src/views/PatientProfile.vue
@@ -21,8 +21,8 @@
       <!-- 患者基本信息 -->
       <div v-for="(item, index) in profileInfo" :key="index" class="content-info">
         <div class="content-left">
-          <el-checkbox v-model="item.checked" label=""/>
-          <div class="content-left-text1">{{index + 1}}</div>
+          <el-checkbox v-model="item.checked" label="" />
+          <div class="content-left-text1">{{ index + 1 }}</div>
           <div class="content-left-text2">2025/04/01 14:35</div>
           <div class="content-left-text3">初次就诊</div>
         </div>
@@ -30,49 +30,51 @@
 
         </div>
         <div class="content-right">
-            <div class="content-right-top">
-              <div class="content-right-top-title">
-                <div class="content-right-top-text">诊断信息：</div>
-                <div style="display: flex;align-items: center;">
-                  <div class="content-right-top-text2">未处理</div>
-                  <div style="margin-left: 10px;" @click="editClick">
-                    <img src="@/assets/svg/edit.svg" alt="">
-                  </div>
+          <div class="content-right-top">
+            <div class="content-right-top-title">
+              <div class="content-right-top-text">诊断信息：</div>
+              <div style="display: flex;align-items: center;">
+                <div class="content-right-top-text2">未处理</div>
+                <div style="margin-left: 10px;" @click="editClick">
+                  <img src="@/assets/svg/edit.svg" alt="">
                 </div>
               </div>
-              <div class="content-right-top-content">
-                <el-form :model="diagnosticForm" label-width="50px">
-                  <el-form-item label="记录">
-                    <el-input v-model="diagnosticForm.diagnosis_info" disabled :rows="6" type="textarea" placeholder="请输入" />
-                  </el-form-item>
-                  <el-form-item label="处理">
-                    <el-input v-model="diagnosticForm.treatment_info" disabled :rows="6" type="textarea" placeholder="请输入" />
-                  </el-form-item>
-                  <el-form-item label="建议">
-                    <el-input v-model="diagnosticForm.suggestion_info" disabled :rows="6" type="textarea" placeholder="请输入" />
-                  </el-form-item>
-                </el-form>
-              </div>
             </div>
-            <div class="content-right-bottom">
-              <div class="content-right-bottom-title">
-                <div class="content-right-bottom-text">保存数据列表：</div>
-              </div>
-              <div class="content-right-bottom-content">
-                <div v-for="(item2, index2) in item.list" :key="index2" class="content-right-bottom-content-box">
-                  <div class="content-right-bottom-img">截图</div>
+            <div class="content-right-top-content">
+              <el-form :model="diagnosticForm" label-width="50px">
+                <el-form-item label="记录">
+                  <el-input v-model="diagnosticForm.diagnosis_info" disabled :rows="6" type="textarea"
+                    placeholder="请输入" />
+                </el-form-item>
+                <el-form-item label="处理">
+                  <el-input v-model="diagnosticForm.treatment_info" disabled :rows="6" type="textarea"
+                    placeholder="请输入" />
+                </el-form-item>
+                <el-form-item label="建议">
+                  <el-input v-model="diagnosticForm.suggestion_info" disabled :rows="6" type="textarea"
+                    placeholder="请输入" />
+                </el-form-item>
+              </el-form>
+            </div>
+          </div>
+          <div class="content-right-bottom">
+            <div class="content-right-bottom-title">
+              <div class="content-right-bottom-text">保存数据列表：</div>
+            </div>
+            <div class="content-right-bottom-content">
+              <div v-for="(item2, index2) in item.list" :key="index2" class="content-right-bottom-content-box">
+                <div class="content-right-bottom-img">截图</div>
+                <div style="margin-top: 15px;">
+                  <div @click="patientdetails">
+                    <img src="@/assets/svg/datalist.svg" alt="">
+                  </div>
                   <div>
-                    <div>
-                      <img src="@/assets/svg/datalist.svg" alt="">
-                    </div>
-                    <div>
-                      <img src="@/assets/svg/del.svg" alt="">
-                    </div>
-                    
+                    <img src="@/assets/svg/del.svg" alt="">
                   </div>
                 </div>
               </div>
             </div>
+          </div>
         </div>
       </div>
     </div>
@@ -135,17 +137,18 @@
             <div class="data-item">
               <span>足底压力：</span>
               <span>左足: {{ previewScreenshot.data.leftPressure }}%, 右足: {{ previewScreenshot.data.rightPressure
-                }}%</span>
+              }}%</span>
             </div>
           </div>
         </div>
       </div>
     </el-dialog>
+    <!-- 修改诊断信息 -->
     <el-dialog v-model="dialogVisible" center title="诊断信息" width="600" :before-close="handleClose">
       <div>
         <div class="dialog-title">
           <div class="dialog-title-item">
-            <div>用户ID:</div>{{ patient.sessionId }}
+            <div>用户ID:</div>{{ patient.id }}
           </div>
           <div class="dialog-title-item">
             <div>姓名:{{ patient.name }}</div>
@@ -176,40 +179,143 @@
         </span>
       </template>
     </el-dialog>
-    <el-dialog v-model="dialogVisible" center title="诊断信息" width="600" :before-close="handleClose">
-      <div>
-        <div class="dialog-title">
-          <div class="dialog-title-item">
-            <div>用户ID:</div>{{ patient.sessionId }}
-          </div>
-          <div class="dialog-title-item">
-            <div>姓名:{{ patient.name }}</div>
-          </div>
-        </div>
+    <!-- 数据详情 -->
+    <el-dialog class="detailsDialog" v-model="detailsDialogVisible" top="5vh" title="当前保存数据" width="50%"
+      :before-close="detailshandleClose">
+      <div style="margin: 20px 50px; height: calc(100vh - 200px);overflow: auto;">
         <div>
-          <el-form :model="diagnosticForm" label-width="50px">
-            <el-form-item label="记录">
-              <el-input v-model="diagnosticForm.diagnosis_info" :rows="6" type="textarea" placeholder="请输入" />
-            </el-form-item>
-            <el-form-item label="处理">
-              <el-input v-model="diagnosticForm.treatment_info" :rows="6" type="textarea" placeholder="请输入" />
-            </el-form-item>
-            <el-form-item label="建议">
-              <el-input v-model="diagnosticForm.suggestion_info" :rows="6" type="textarea" placeholder="请输入" />
-            </el-form-item>
-          </el-form>
+          <div class="patient-detail-box">
+            <div class="detail-header">
+              <div class="module-title">
+                <div class="module-title-text">基础信息</div>
+              </div>
+            </div>
+            <div class="basic-info-box">
+              <div class="basic-info-content">
+                <div class="basic-info-text">
+                  <div class="basic-info-textcolor">测试者ID</div>
+                  <div>{{ selectedPatient.id || '-' }}</div>
+                </div>
+                <div class="basic-info-text">
+                  <div class="basic-info-textcolor">姓名</div>
+                  <div>{{ selectedPatient.name || '-' }}</div>
+                </div>
+                <div class="basic-info-text">
+                  <div class="basic-info-textcolor">性别</div>
+                  <div>{{ selectedPatient.gender || '-' }}</div>
+                </div>
+              </div>
+              <div class="basic-info-content">
+                <div class="basic-info-text">
+                  <div class="basic-info-textcolor">出生日期</div>
+                  <div>{{ selectedPatient.birth_date ? formatDate(selectedPatient.birth_date) : '-' }}</div>
+                </div>
+                <div class="basic-info-text">
+                  <div class="basic-info-textcolor">年龄</div>
+                  <div>{{ calculateAge(selectedPatient.birth_date) }}</div>
+                </div>
+                <div class="basic-info-text">
+                  <div class="basic-info-textcolor">民族</div>
+                  <div>{{ selectedPatient.nationality || '-' }}</div>
+                </div>
+              </div>
+              <div class="basic-info-content">
+                <div class="basic-info-text">
+                  <div class="basic-info-textcolor">身高cm</div>
+                  <div>{{ selectedPatient.height || '-' }}</div>
+                </div>
+                <div class="basic-info-text">
+                  <div class="basic-info-textcolor">体重kg</div>
+                  <div>{{ selectedPatient.weight || '-' }}</div>
+                </div>
+                <div class="basic-info-text">
+                  <div class="basic-info-textcolor">鞋码</div>
+                  <div>{{ selectedPatient.shoe_size || '-' }}</div>
+                </div>
+              </div>
+              <div class="basic-info-content">
+                <div class="basic-info-text">
+                  <div class="basic-info-textcolor">电话号码</div>
+                  <div>{{ selectedPatient.phone || '-' }}</div>
+                </div>
+                <div class="basic-info-text">
+                  <div class="basic-info-textcolor">建档时间</div>
+                  <div>{{ selectedPatient.created_at ? formatDate(selectedPatient.created_at) : '-' }}</div>
+                </div>
+                <div class="basic-info-text">
+
+                </div>
+              </div>
+
+            </div>
+          </div>
+        </div>
+        <div class="patient-profile-dialog-box">
+          <div class="detail-header">
+            <div class="module-title">
+              <div class="module-title-text">身体姿态</div>
+            </div>
+          </div>
+          <div>
+            图片
+          </div>
+        </div>
+        <div class="patient-profile-dialog-box" style="height: 230px;">
+          <div class="detail-header">
+            <div class="module-title">
+              <div class="module-title-text">头部姿态</div>
+            </div>
+          </div>
+          <div class="detail-head-content">
+            <div style="margin-right: 100px;">
+              <img src="@/assets/u45.png" style="width: 90px;height: 90px;" alt="">
+            </div>
+            <div>
+              <div>
+                最大旋转角：<span class="detail-head-text">左：-55.2°</span>
+                <span class="detail-head-text">右：-55.2°</span>
+              </div>
+              <div style="margin-top: 15px;">最大倾斜角：<span class="detail-head-text">左：-55.2°</span>
+                <span class="detail-head-text">右：-55.2°</span></div>
+              <div style="margin-top: 15px;">最大俯仰角：<span class="detail-head-text">俯：-55.2°</span>
+                <span class="detail-head-text">仰：-55.2°</span></div>
+            </div>
+          </div>
+        </div>
+        <div class="patient-profile-dialog-box" style="height: 370px;">
+          <div class="detail-header">
+            <div class="module-title">
+              <div class="module-title-text">足底压力</div>
+            </div>
+          </div>
+          <div>
+            <div>
+              <div>左前足<span>54%</span></div>
+              <div>右前足<span>54%</span></div>
+            </div>
+            <div>
+              <div></div>
+              <div></div>
+              <div></div>
+            </div>
+            <div>
+              <div>左后足<span>54%</span></div>
+              <div>右后足<span>54%</span></div>
+            </div>
+          </div>
+        </div>
+        <div class="patient-profile-dialog-box" style="height: 370px;">
+          <div class="detail-header">
+            <div class="module-title">
+              <div class="module-title-text">视频图片</div>
+            </div>
+          </div>
+          <div>
+            图片
+          </div>
         </div>
-        <div style="display: flex;justify-content: flex-end;color: #ffffff;">测试医生：李四</div>
       </div>
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="dialogVisible = false">取消</el-button>
-          <el-button @click="handleDiagnosticInfo('diagnosed')">暂存</el-button>
-          <el-button type="primary" @click="handleDiagnosticInfo('completed')">
-            保存
-          </el-button>
-        </span>
-      </template>
+
     </el-dialog>
   </div>
 </template>
@@ -247,16 +353,33 @@ const filteredRecords = computed(() => {
     formatDate(record.createdAt).includes(searchKeyword.value)
   )
 })
-const profileInfo = ref([{list:[{},{}]}, {}])
+const profileInfo = ref([{ list: [{}, {}] }, {}])
 const diagnosticForm = ref({
-  diagnosis_info:'',
-  treatment_info:'',
-  suggestion_info:''
+  diagnosis_info: '',
+  treatment_info: '',
+  suggestion_info: ''
 })
 const dialogVisible = ref(false)
 const handleClose = () => {
   dialogVisible.value = false
 }
+const detailsDialogVisible = ref(false)
+const selectedPatient = ref({})
+const detailshandleClose = () => {
+  detailsDialogVisible.value = false
+}
+// 添加计算年龄的方法
+const calculateAge = (birthDate) => {
+  if (!birthDate) return '-'
+  const today = new Date()
+  const birth = new Date(birthDate)
+  let age = today.getFullYear() - birth.getFullYear()
+  const monthDiff = today.getMonth() - birth.getMonth()
+  if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birth.getDate())) {
+    age--
+  }
+  return age
+}
 
 // 方法
 const goBack = () => {
@@ -474,10 +597,15 @@ const loadDetectionRecords = async () => {
     ]
   }
 }
-function editClick(){
+//修改诊断信息
+function editClick() {
   dialogVisible.value = true
 }
-async function handleDiagnosticInfo(status){
+//数据详情
+function patientdetails() {
+  detailsDialogVisible.value = true
+}
+async function handleDiagnosticInfo(status) {
   try {
     // // 检查是否有活跃的会话ID
     // if (!patientInfo.value.sessionId) {
@@ -525,7 +653,7 @@ async function handleDiagnosticInfo(status){
 // 生命周期
 onMounted(() => {
   loadPatientInfo()
-  loadDetectionRecords()
+  // loadDetectionRecords()
 })
 </script>
 
@@ -535,6 +663,7 @@ onMounted(() => {
   padding: 10px 0px 10px 15px;
   min-height: 700px;
 }
+
 .content-left {
   width: 87px;
   min-width: 87px;
@@ -548,110 +677,127 @@ onMounted(() => {
   color: #FFFFFF;
   text-align: center;
   display: flex;
-  flex-direction: column; /* 垂直排列子元素 */
-  justify-content: center; /* 垂直居中 */
-  align-items: center; /* 水平居中 */
+  flex-direction: column;
+  /* 垂直排列子元素 */
+  justify-content: center;
+  /* 垂直居中 */
+  align-items: center;
+  /* 水平居中 */
 }
-.content-left-text1{
 
-}
-.content-left-text2{
+.content-left-text1 {}
 
-}
-.content-left-text3{
+.content-left-text2 {}
 
-}
-.content-center{
+.content-left-text3 {}
+
+.content-center {
   width: calc(100% - 327px);
   margin: 0px 15px;
   background-color: rgba(85, 85, 85, 0.6);
 }
-.content-right{
+
+.content-right {
   width: 260px;
   min-width: 260px;
   height: 100%;
   /* background-color: rgba(85, 85, 85, 0.6); */
 }
-.content-right-top{
+
+.content-right-top {
   width: 100%;
   height: 50%;
   background-color: rgba(85, 85, 85, 0.6);
 }
-.content-right-top-title{
+
+.content-right-top-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #ffffff;
   padding: 15px;
 }
-.content-right-top-text{
+
+.content-right-top-text {
   font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
-    font-weight: 700;
-    font-style: normal;
-    font-size: 16px;
-    color: #FFFFFF;
+  font-weight: 700;
+  font-style: normal;
+  font-size: 16px;
+  color: #FFFFFF;
 }
-.content-right-top-text2{
+
+.content-right-top-text2 {
   width: 62px;
   height: 32px;
   line-height: 32px;
-  background: rgba(230,162,60,0.1);
+  background: rgba(230, 162, 60, 0.1);
   color: #E6A23C;
   text-align: center;
   border-radius: 5px;
 }
-.content-right-top-content{
+
+.content-right-top-content {
   height: calc(100% - 75px);
   overflow: auto;
 }
+
 :deep(.el-textarea__inner) {
   background: transparent;
   color: #ffffff;
 }
+
 :deep(.el-form-item__label) {
   color: #ffffff;
 }
-:deep(.el-textarea.is-disabled .el-textarea__inner){
+
+:deep(.el-textarea.is-disabled .el-textarea__inner) {
   background: transparent;
   color: #ffffff;
 }
-.content-right-bottom{
+
+.content-right-bottom {
   margin-top: 10px;
   width: 100%;
   height: calc(50% - 10px);
   background-color: rgba(85, 85, 85, 0.6);
 }
-.content-right-bottom-title{
+
+.content-right-bottom-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #ffffff;
   padding: 15px 15px 0px;
 }
-.content-right-bottom-text{
+
+.content-right-bottom-text {
   font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
-    font-weight: 700;
-    font-style: normal;
-    font-size: 16px;
-    color: #FFFFFF;
+  font-weight: 700;
+  font-style: normal;
+  font-size: 16px;
+  color: #FFFFFF;
 }
-.content-right-bottom-content{
+
+.content-right-bottom-content {
   height: calc(100% - 75px);
   overflow: auto;
   padding: 0px 15px;
 }
-.content-right-bottom-content-box{
+
+.content-right-bottom-content-box {
   color: #ffffff;
   display: flex;
   justify-content: center;
   margin-top: 10px;
 }
-.content-right-bottom-img{
+
+.content-right-bottom-img {
   width: 180px;
   height: 74px;
   border: 1px solid #434343;
   margin-right: 10px;
 }
+
 .dialog-title {
   display: flex;
   justify-content: space-between;
@@ -962,4 +1108,105 @@ onMounted(() => {
   color: #FFFFFF;
   font-family: 'Arial Normal', 'Arial', sans-serif;
 }
+
+.patient-detail-box {
+  background: rgb(85, 85, 85);
+  border-radius: 8px;
+  padding: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  display: flex;
+  flex-direction: column;
+  color: #fff;
+}
+
+.detail-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 15px;
+  /* border-bottom: 1px solid #434343; */
+}
+
+.detail-header h3 {
+  margin: 0;
+  color: #2c3e50;
+  font-size: 18px;
+}
+
+.detail-content {
+  flex: 1;
+  margin-bottom: 20px;
+}
+
+.module-title {
+  width: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /* border: 2px solid #ffffff; */
+  background: linear-gradient(to right, rgb(245, 173, 7), rgb(160, 5, 216));
+  border-radius: 20px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding: 2px;
+}
+
+.module-title-text {
+  display: flex;
+  align-items: center;
+  width: 116px;
+  background: rgb(85, 85, 85);
+  border-radius: 20px;
+  padding: 0px 25px;
+}
+
+.basic-info-box {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: center;
+  height: 100%;
+}
+
+.basic-info-content {
+  display: flex;
+  justify-content: center;
+  box-sizing: border-box;
+  padding-top: 30px;
+  width: 100%;
+}
+
+.basic-info-text {
+  width: 33%;
+  text-align: center;
+  font-size: 20px;
+}
+
+.basic-info-textcolor {
+  color: #30F3FF;
+  padding-bottom: 8px;
+}
+
+:deep(.detailsDialog.el-dialog) {
+  background-color: rgba(85, 85, 85, 0.9);
+}
+
+.patient-profile-dialog-box {
+  background-color: rgba(85, 85, 85, 0.6);
+  padding: 20px;
+  border-radius: 5px;
+  height: 550px;
+  margin-top: 20px;
+}
+.detail-head-content{
+  display: flex;
+  color: #ffffff;
+  padding: 20px;
+  font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
+  font-weight: 700;
+  font-size:14px;
+}
+.detail-head-text{
+  margin: 0px 20px;
+}
 </style>
\ No newline at end of file