feat: add router to detail and ignore css order problem

src/pages/detail/index.scss

@@ -29,6 +29,7 @@
     color: #fff;
     display: flex;
     align-items: center;
+    background: rgba(0, 0, 0, 0.10);
 
     .detail-navigator-back {
       border-right: 1px solid #444;
@@ -984,8 +985,48 @@
         border-radius: 16px;
         border: 1px solid rgba(0, 0, 0, 0.06);
         background: #FFF;
+
+        &-price {
+          font-family: "PoetsenOne";
+          font-size: 28px;
+          font-weight: 400;
+          line-height: 24px; /* 114.286% */
+          letter-spacing: -0.56px;
+          color: #000;
+        }
       }
     }
   }
 }
 
+.share-popup-content {
+  width: 100%;
+  height: 100%;
+  padding: 20px 16px env(safe-area-inset-bottom);
+  box-sizing: border-box;
+  // padding-bottom: env(safe-area-inset-bottom);
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+
+  & > view {
+    width: 100px;
+    height: 64px;
+    border-radius: 12px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 12px;
+
+    & > image {
+      width: 24px;
+      height: 24px;
+    }
+
+    & > text {
+      color: rgba(0, 0, 0, 0.85);
+    }
+  }
+}
+