diff --git a/static/PearAdminLayui/avatar.svg b/static/PearAdminLayui/avatar.svg
index 853ad3f..531660f 100644
--- a/static/PearAdminLayui/avatar.svg
+++ b/static/PearAdminLayui/avatar.svg
@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1605013625441" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="941" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M691.573 338.89c-1.282 109.275-89.055 197.047-198.33 198.331-109.292 1.282-197.065-90.984-198.325-198.331-0.809-68.918-107.758-68.998-106.948 0 1.968 167.591 137.681 303.31 305.272 305.278C660.85 646.136 796.587 503.52 798.521 338.89c0.811-68.998-106.136-68.918-106.948 0z" fill="#4A5699" p-id="942"></path><path d="M294.918 325.158c1.283-109.272 89.051-197.047 198.325-198.33 109.292-1.283 197.068 90.983 198.33 198.33 0.812 68.919 107.759 68.998 106.948 0C796.555 157.567 660.839 21.842 493.243 19.88c-167.604-1.963-303.341 140.65-305.272 305.278-0.811 68.998 106.139 68.919 106.947 0z" fill="#C45FA0" p-id="943"></path><path d="M222.324 959.994c0.65-74.688 29.145-144.534 80.868-197.979 53.219-54.995 126.117-84.134 201.904-84.794 74.199-0.646 145.202 29.791 197.979 80.867 54.995 53.219 84.13 126.119 84.79 201.905 0.603 68.932 107.549 68.99 106.947 0-1.857-213.527-176.184-387.865-389.716-389.721-213.551-1.854-387.885 178.986-389.721 389.721-0.601 68.991 106.349 68.933 106.949 0.001z" fill="#E5594F" p-id="944"></path></svg>
\ No newline at end of file
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1606220167131" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2438" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 929.959184c-230.4 0-417.959184-187.559184-417.959184-417.959184s187.559184-417.959184 417.959184-417.959184 417.959184 187.559184 417.959184 417.959184-187.559184 417.959184-417.959184 417.959184z" fill="#16C4AF" p-id="2439"></path><path d="M512 715.755102c-46.497959 0-90.383673-6.269388-123.297959-17.240816-55.379592-18.808163-67.395918-47.020408-67.395919-67.918368 0-71.57551 46.497959-135.836735 119.118368-162.481632 7.836735-3.134694 16.718367-1.044898 22.465306 5.22449 13.061224 14.106122 30.82449 21.942857 49.110204 21.942857s35.526531-7.836735 49.110204-21.942857c5.746939-6.269388 14.628571-8.359184 22.465306-5.22449 72.097959 27.167347 119.118367 90.906122 119.118368 162.481632-0.522449 62.693878-102.922449 85.159184-190.693878 85.159184z" fill="#0B9682" p-id="2440"></path><path d="M512 532.897959c-62.171429 0-112.326531-50.677551-112.326531-112.32653S449.828571 308.244898 512 308.244898s112.326531 50.677551 112.326531 112.326531S574.171429 532.897959 512 532.897959z" fill="#DCFFFA" p-id="2441"></path></svg>
\ No newline at end of file
diff --git a/static/mrdoc/mrdoc-admin.css b/static/mrdoc/mrdoc-admin.css
index ea3cea3..29cbeab 100644
--- a/static/mrdoc/mrdoc-admin.css
+++ b/static/mrdoc/mrdoc-admin.css
@@ -147,4 +147,252 @@
 /* 面包屑链接 */
 .layui-breadcrumb a:hover{
   color: #2176ff !important;
-}
\ No newline at end of file
+}
+
+/* 文字悬浮提示样式 */
+    /* tooltip样式 */
+    [tooltip] {
+      position: relative;
+  }
+
+  [tooltip]::after {
+      display: none;
+      content: attr(tooltip);
+      position: absolute;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      padding: 8px 8px;
+      max-width: 200px;
+      border-radius: 4px;
+      box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4);
+      z-index: 100;
+  }
+
+  [tooltip]::before {
+      display: none;
+      content: '';
+      position: absolute;
+      border: 5px solid transparent;
+      border-bottom-width: 0;
+      z-index: 100;
+  }
+
+  [tooltip]:hover::after {
+      display: block;
+  }
+
+  [tooltip]:hover::before {
+      display: block;
+  }
+
+  [tooltip][placement^="top"]::after, [tooltip][placement^="top"]::before {
+      animation: anime-top 300ms ease-out forwards;
+  }
+
+  [tooltip][placement^="right"]::after, [tooltip][placement^="right"]::before {
+      animation: anime-right 300ms ease-out forwards;
+  }
+
+  [tooltip][placement^="bottom"]::after, [tooltip][placement^="bottom"]::before {
+      animation: anime-bottom 300ms ease-out forwards;
+  }
+
+  [tooltip][placement^="left"]::after, [tooltip][placement^="left"]::before {
+      animation: anime-left 300ms ease-out forwards;
+  }
+
+  /* 气泡主题 */
+  .tooltip-theme-dark, [tooltip]::after {
+      color: #fff;
+      background-color: #313131;
+  }
+
+  .tooltip-theme-light, [tooltip][effect="light"]::after {
+      color: #313131;
+      background-color: #fff;
+      border: 1px solid #313131;
+  }
+
+  /* 气泡位置 */
+  /*----上----*/
+  .tooltip-placement-top, [tooltip]:not([placement])::after, [tooltip][placement=""]::after, [tooltip][placement="top"]::after {
+      bottom: calc(100% + 10px);
+      left: 50%;
+      transform: translate(-50%, 0);
+  }
+
+  .tooltip-placement-top-right, [tooltip][placement="top-right"]::after {
+      bottom: calc(100% + 10px);
+      left: 100%;
+      transform: translate(-100%, 0);
+  }
+
+  .tooltip-placement-top-left, [tooltip][placement="top-left"]::after {
+      bottom: calc(100% + 10px);
+      left: 0;
+      transform: translate(0, 0);
+  }
+
+  /*----右----*/
+  .tooltip-placement-right, [tooltip][placement="right"]::after {
+      left: calc(100% + 10px);
+      top: 50%;
+      transform: translate(0, -50%);
+  }
+
+  .tooltip-placement-right-top, [tooltip][placement="right-top"]::after {
+      left: calc(100% + 10px);
+      top: 0;
+      transform: translate(0, 0);
+  }
+
+  .tooltip-placement-right-bottom, [tooltip][placement="right-bottom"]::after {
+      left: calc(100% + 10px);
+      top: 100%;
+      transform: translate(0, -100%);
+  }
+
+  /*----下----*/
+  .tooltip-placement-bottom, [tooltip][placement="bottom"]::after {
+      top: calc(100% + 10px);
+      left: 50%;
+      transform: translate(-50%, 0);
+  }
+
+  .tooltip-placement-bottom-right, [tooltip][placement="bottom-right"]::after {
+      top: calc(100% + 10px);
+      left: 100%;
+      transform: translate(-100%, 0);
+  }
+
+  .tooltip-placement-bottom-left, [tooltip][placement="bottom-left"]::after {
+      top: calc(100% + 10px);
+      left: 0;
+      transform: translate(0, 0);
+  }
+
+  /*----左----*/
+  .tooltip-placement-left, [tooltip][placement="left"]::after {
+      right: calc(100% + 10px);
+      top: 50%;
+      transform: translate(0, -50%);
+  }
+
+  .tooltip-placement-left-top, [tooltip][placement="left-top"]::after {
+      right: calc(100% + 10px);
+      top: 0;
+      transform: translate(0, 0);
+  }
+
+  .tooltip-placement-left-bottom, [tooltip][placement="left-bottom"]::after {
+      right: calc(100% + 10px);
+      top: 100%;
+      transform: translate(0, -100%);
+  }
+
+  /* 三角形主题 */
+  .triangle-theme-dark, [tooltip]::before {
+      border-top-color: #313131;
+  }
+
+  .triangle-theme-light, [tooltip][effect="light"]::before {
+      border-top-color: #313131;
+  }
+
+  /* 三角形位置 */
+  /*----上----*/
+  .triangle-placement-top, [tooltip]:not([placement])::before, [tooltip][placement=""]::before, [tooltip][placement="top"]::before {
+      bottom: calc(100% + 5px);
+      left: 50%;
+      transform: translate(-50%, 0);
+  }
+
+  .triangle-placement-top-left, [tooltip][placement="top-left"]::before {
+      bottom: calc(100% + 5px);
+      left: 10px;
+  }
+
+  .triangle-placement-top-right, [tooltip][placement="top-right"]::before {
+      bottom: calc(100% + 5px);
+      right: 10px;
+  }
+
+  /*----右----*/
+  .triangle-placement-right, [tooltip][placement="right"]::before, .triangle-placement-right-top, [tooltip][placement="right-top"]::before, .triangle-placement-right-bottom, [tooltip][placement="right-bottom"]::before {
+      left: calc(100% + 3px);
+      top: 50%;
+      transform: translate(0, -50%) rotateZ(90deg);
+  }
+
+  .triangle-placement-right-top, [tooltip][placement="right-top"]::before {
+      top: 10px;
+  }
+
+  .triangle-placement-right-bottom, [tooltip][placement="right-bottom"]::before {
+      bottom: 10px;
+      top: auto;
+      transform: translate(0, 0) rotateZ(90deg);
+  }
+
+  /*----下----*/
+  .triangle-placement-bottom, [tooltip][placement="bottom"]::before, .triangle-placement-bottom-left, [tooltip][placement="bottom-left"]::before, .triangle-placement-bottom-right, [tooltip][placement="bottom-right"]::before {
+      top: calc(100% + 5px);
+      left: 50%;
+      transform: translate(-50%, 0) rotateZ(180deg);
+  }
+
+  .triangle-placement-bottom-left, [tooltip][placement="bottom-left"]::before {
+      transform: translate(0, 0) rotateZ(180deg);
+      left: 10px;
+  }
+
+  .triangle-placement-bottom-right, [tooltip][placement="bottom-right"]::before {
+      right: 10px;
+      left: auto;
+  }
+
+  /*----左----*/
+  .triangle-placement-left, [tooltip][placement="left"]::before, .triangle-placement-left-top, [tooltip][placement="left-top"]::before, .triangle-placement-left-bottom, [tooltip][placement="left-bottom"]::before {
+      right: calc(100% + 3px);
+      top: 50%;
+      transform: translate(0, -50%) rotateZ(270deg);
+  }
+
+  .triangle-placement-left-top, [tooltip][placement="left-top"]::before {
+      top: 10px;
+  }
+
+  .triangle-placement-left-bottom, [tooltip][placement="left-bottom"]::before {
+      bottom: 10px;
+      top: auto;
+      transform: translate(0, 0) rotateZ(270deg);
+  }
+
+  @keyframes anime-top {
+  from {
+      opacity: .5;
+      bottom: 150%;
+  }
+  }
+
+  @keyframes anime-bottom {
+  from {
+      opacity: .5;
+      top: 150%;
+  }
+  }
+
+  @keyframes anime-left {
+  from {
+      opacity: .5;
+      right: 150%;
+  }
+  }
+
+  @keyframes anime-right {
+  from {
+      opacity: .5;
+      left: 150%;
+  }
+  }
\ No newline at end of file