feat: styles small

src/ui/Duel/Message/CardModal/Desc.tsx

@@ -17,6 +17,7 @@ export const Desc: React.FC<{ desc?: string }> = ({ desc = "" }) => {
   );
 };
 
+/** 使用re去提取文本，并且将提取到的文本用Wrapper进行环绕 */
 const RegexWrapper: React.FC<{
   text: string;
   re: RegExp;

src/ui/Duel/Message/CardModal/index.scss

@@ -12,10 +12,7 @@
     border-radius: 6px;
     background: #242424;
     .ant-drawer-header {
-      padding: 10px 0;
-      button {
-        margin-right: 0;
-      }
+      padding: 15px 0;
       .ant-drawer-header-title {
         flex-direction: row-reverse;
         padding-left: 24px;

src/ui/Duel/PlayMat/Bg/index.scss

@@ -31,9 +31,18 @@ section#mat {
     &.highlight {
       // box-shadow: 0 0 0 1px #00b0ff, 0 0 13px 0px #0077ff,
       //   0 0 11px 0 skyblue inset;
-      background: #142f47;
+      background: #102639;
+      cursor: pointer;
+      // animation: blink 1s linear infinite alternate;
       .triangle {
         --color: #006eff;
+        transform: scale(1.5);
+      }
+      &:hover {
+        opacity: 0.7;
+        .triangle {
+          transform: scale(1.2);
+        }
       }
     }
     .triangle {
@@ -43,6 +52,7 @@ section#mat {
       border-width: 4px;
       border-style: solid;
       position: absolute;
+      transition: 0.3s;
       &:nth-of-type(1) {
         border-color: var(--color) transparent transparent var(--color);
       }