update Card.tsx in PlayMat

src/ui/Duel/PlayMat/Card/index.module.scss

@@ -102,8 +102,7 @@
   }
 }
 
-.mat-card.glowing .shadow {
-  --shadow-color: #0099ff;
+.frame {
   display: block !important;
   background: var(--shadow-color) !important;
   border-radius: 5px;
@@ -111,6 +110,16 @@
   transform: translateZ(calc((var(--z)) * 1px + 0.1px));
 }
 
+.mat-card.glowing .shadow {
+  --shadow-color: #0099ff;
+  @extend .frame;
+}
+
+.mat-card.shining {
+  --shadow-color: #f4ff00;
+  @extend .frame;
+}
+
 @keyframes focus {
   0% {
     filter: brightness(1) contrast(1);

src/ui/Duel/PlayMat/Card/index.tsx

@@ -274,7 +274,11 @@ export const Card: React.FC<{ idx: number }> = React.memo(({ idx }) => {
 
   return (
     <animated.div
-      className={classnames(styles["mat-card"], { [styles.glowing]: glowing })}
+      className={classnames(styles["mat-card"], {
+        /* 有可操作选项或者已被选中*/
+        [styles.glowing]: glowing || snap.selectInfo.selected,
+        [styles.shining]: snap.selectInfo.selectable, // 可以被选中
+      })}
       style={
         {
           transform: to(
@@ -313,7 +317,6 @@ export const Card: React.FC<{ idx: number }> = React.memo(({ idx }) => {
         >
           <YgoCard
             className={styles.cover}
-            // cardName={snap.meta.text.name}
             code={snap.code === 0 ? snap.meta.id : snap.code}
           />
           <YgoCard className={styles.back} isBack />