修改功能，现已测试注册登录忘记密码

public/css/tixianlist.css

@@ -79,6 +79,49 @@
   background: #f8fafd;
 }
 
+.tl-flow-tabs {
+  display: grid;
+  grid-template-columns: repeat(5, minmax(120px, 1fr));
+  gap: 10px;
+  width: 100%;
+}
+
+.tl-flow-tab {
+  min-height: 70px;
+  padding: 12px 14px;
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-md);
+  background: #fff;
+  text-align: left;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.tl-flow-tab span,
+.tl-flow-tab em {
+  display: block;
+}
+
+.tl-flow-tab span {
+  color: var(--text-dark);
+  font-size: 14px;
+  font-weight: 800;
+}
+
+.tl-flow-tab em {
+  margin-top: 6px;
+  color: var(--text-muted);
+  font-size: 12px;
+  font-style: normal;
+}
+
+.tl-flow-tab.active,
+.tl-flow-tab:hover {
+  border-color: var(--primary);
+  background: rgba(16, 43, 106, 0.06);
+  box-shadow: var(--shadow-sm);
+}
+
 .tl-filter-group {
   display: flex;
   align-items: center;
@@ -191,6 +234,18 @@
   font-weight: 800;
 }
 
+.tl-amount.income {
+  color: #15824a;
+}
+
+.tl-amount.outcome {
+  color: #e04828;
+}
+
+.tl-amount.neutral {
+  color: var(--text-dark);
+}
+
 .tl-status {
   display: inline-flex;
   align-items: center;
@@ -291,4 +346,8 @@
   .tl-summary {
     grid-template-columns: 1fr;
   }
+
+  .tl-flow-tabs {
+    grid-template-columns: 1fr;
+  }
 }