adjust shadow of BottomSheet and Menu

src/material/Menu.tsx

@@ -7,6 +7,7 @@ import {
   type ParentComponent,
 } from "solid-js";
 import { ANIM_CURVE_STD } from "./theme";
+import "./Menu.css";
 
 type Props = {
   open?: boolean;
@@ -156,17 +157,11 @@ const Menu: ParentComponent<Props> = (props) => {
           e.stopPropagation();
         }
       }}
+      class="Menu"
       style={{
-        position: "fixed",
         left: px(anchorPos().left),
         top: px(anchorPos().top),
-        border: "none",
-        "border-radius": "2px",
-        padding: 0,
-        "max-width": "560px",
-        width: "max-content",
         /* FIXME: the content may be overflow */
-        "box-shadow": "var(--tutu-shadow-e8)",
       }}
     >
       <div