fix: refine mobile project verification

apps/web_v1/src/App.css

@@ -2278,6 +2278,68 @@
     padding: var(--space-3);
   }
 
+  .project-overview-hero {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .project-overview-identity > div,
+  .project-overview-share,
+  .project-overview-share .arco-btn,
+  .project-overview-share .arco-btn > span:last-child {
+    min-width: 0;
+  }
+
+  .project-overview-identity h3 {
+    word-break: normal;
+    overflow-wrap: anywhere;
+  }
+
+  .project-overview-share {
+    width: 100%;
+    max-width: 100%;
+    justify-items: stretch;
+  }
+
+  .project-overview-share .arco-typography {
+    justify-self: end;
+  }
+
+  .project-overview-share .arco-btn {
+    width: 100%;
+  }
+
+  .project-overview-page > .metric-row {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: var(--space-3);
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+
+  .project-overview-page > .metric-row > .arco-col {
+    width: auto;
+    max-width: none;
+    flex: none;
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+
+  .project-overview-page .metric-card.arco-card,
+  .project-overview-page .metric-card .arco-space {
+    width: 100%;
+    height: 100%;
+  }
+
+  .project-overview-page .metric-card .arco-space-item:last-child {
+    min-width: 0;
+  }
+
+  .project-overview-page .metric-card .arco-typography-secondary {
+    white-space: nowrap;
+    word-break: keep-all;
+  }
+
   .statusbar {
     grid-template-columns: minmax(0, 1fr);
     padding: 0 var(--space-3);