fix small

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

@@ -125,7 +125,7 @@ const BgOtherBlocks: React.FC<{ op?: boolean }> = ({ op }) => {
         onClick={() => onBlockClick(field.interactivity)}
         disabled={field.disabled}
         highlight={!!field.interactivity}
-        chains={{ chains: field.chainIndex, op }}
+        chains={{ chains: field.chainIndex, field: true, op }}
       />
       <BgBlock className={styles.deck} chains={{ chains: [] }} />
       <BgBlock

src/ui/Shared/Chain/index.module.scss

@@ -16,6 +16,7 @@
   left: 100%;
 }
 
+.field,
 .extra-deck {
   right: 100%;
 }

src/ui/Shared/Chain/index.tsx

@@ -11,17 +11,19 @@ export interface ChainProps {
   banish?: boolean;
   graveyard?: boolean;
   extra?: boolean;
+  field?: boolean;
   op?: boolean;
 }
 
-/* 这里有个妥协的实现：墓地，除外区，额外卡组的连锁图标会被卡片遮挡，
- * 这里暂时采取移动一个身位的方式进行解决。最好的解决方案应该是UI上连锁图标和
+/* 这里有个妥协的实现：墓地，除外区，额外卡组的连锁图标会被卡片遮挡，原因不明,
+ * 因此这里暂时采取移动一个身位的方式进行解决。最好的解决方案应该是UI上连锁图标和
  * 场地解耦。 */
 export const BgChain: React.FC<ChainProps> = ({
   chains,
   banish,
   graveyard,
   extra,
+  field,
   op,
 }) => (
   <div
@@ -29,6 +31,7 @@ export const BgChain: React.FC<ChainProps> = ({
       [styles.banish]: banish,
       [styles.graveyard]: graveyard,
       [styles["extra-deck"]]: extra,
+      [styles.field]: field,
       [styles.op]: op,
     })}
   >