feat(HEL-70): 手机端 P1 四大图标页（行情/工具/复盘/系统）

Co-authored-by: multica-agent <github@multica.ai>

app/frontend/m/css/shell.css

@@ -168,6 +168,64 @@ body {
   line-height: 1.5;
 }
 
+.m-hub-grid {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 8px;
+}
+
+.m-grid-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  min-height: var(--mobile-icon-cell);
+  padding: 8px 4px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--text-primary);
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.m-grid-item:active {
+  background: var(--surface);
+  transform: scale(0.96);
+}
+
+.m-grid-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  border-radius: 12px;
+  background: var(--action-soft);
+  color: var(--action);
+  flex: 0 0 auto;
+}
+
+.m-grid-icon svg {
+  width: 22px;
+  height: 22px;
+}
+
+.m-grid-label {
+  font-size: 12px;
+  line-height: 1.3;
+  color: var(--text-primary);
+  text-align: center;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+
 .m-auth {
   padding-top: 8px;
 }