feat: 卡片阴影/手卡z/hint style

src/ui/Duel/Message/HintNotification/index.tsx

@@ -10,9 +10,9 @@ import { useConfig } from "@/config";
 import { HandResult, matStore } from "@/stores";
 
 const style = {
-  borderStyle: "groove",
-  borderRadius: "8px",
-  backgroundColor: "#303030",
+  // borderStyle: "groove",
+  // borderRadius: "8px",
+  backgroundColor: "#444",
 };
 
 const NeosConfig = useConfig();

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

@@ -107,9 +107,12 @@ section#mat {
 }
 
 .mat-card.highlight .card-shadow {
+  --card-shadow-color: #0099ff;
   display: block !important;
-  background: linear-gradient(to right, #0079c6, #009cff) !important;
-  filter: blur(8px);
+  background: var(--card-shadow-color) !important;
+  border-radius: 5px;
+  box-shadow: 0 0 4px 0 var(--card-shadow-color), 0 0 25px 2px #0099ff87;
+  transform: translateZ(calc((var(--z)) * 1px + 0.1px));
 }
 
 @keyframes focus {

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

@@ -320,7 +320,7 @@ export const Card: React.FC<{ idx: number }> = React.memo(({ idx }) => {
       <div className="card-shadow" />
       <Dropdown
         menu={dropdownMenu}
-        placement="bottom"
+        placement="top"
         overlayClassName="card-dropdown"
         arrow
         trigger={["click"]}

src/ui/Duel/PlayMat/Card/springs/moveToHand.ts

@@ -51,7 +51,7 @@ export const moveToHand: MoveFunc = async (props) => {
   await asyncStart(api)({
     x: isMe(controller) ? x : -x,
     y: isMe(controller) ? y : -y,
-    z: 15,
+    z: sequence,
     rz: isMe(controller) ? _rz : 180 - _rz,
     ry: isMe(controller) ? 0 : 180,
     height: HAND_CARD_HEIGHT.value,