页面调整

src/styles/globals.css

@@ -14,7 +14,7 @@
   --safe-bottom: env(safe-area-inset-bottom, 0px);
   --safe-left: env(safe-area-inset-left, 0px);
   --safe-right: env(safe-area-inset-right, 0px);
-  --tabbar-h: 50px;
+  --tabbar-h: 72px;
 }
 
 * { box-sizing: border-box; margin: 0; padding: 0; }
@@ -72,6 +72,11 @@ input, textarea, select { font: inherit; }
   background: #fff;
   border-top: 1px solid var(--color-border);
 }
+.app-tabbar.adm-tab-bar .adm-tab-bar-wrap { min-height: var(--tabbar-h); }
+.app-tabbar.adm-tab-bar .adm-tab-bar-item {
+  /* 调高 padding, 把文字在 TabBar 中向上推, 避免下半部被裁切 */
+  padding: 8px 8px 4px;
+}
 .tab-icon { display: inline-flex; }
 
 /* 宏观页 SwipeTabs */
@@ -81,36 +86,17 @@ input, textarea, select { font: inherit; }
   height: 100%;
   min-height: 0;
 }
-.swipe-container {
-  position: relative;
+.tab-content {
   flex: 1 1 auto;
   min-height: 0;
-  overflow: hidden;
-  touch-action: pan-y;
-}
-.swipe-track {
-  display: flex;
-  width: 300%;
-  height: 100%;
-  transform: translateX(var(--swipe-offset, 0%));
-  transition: transform 0.25s ease;
-  will-change: transform;
-}
-.swipe-track.no-anim { transition: none; }
-.swipe-pane {
-  width: 33.3333%;
-  flex-shrink: 0;
-  height: 100%;
   overflow-y: auto;
   overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
 }
+.tab-pane[hidden] { display: none; }
 
 /* ================== 通用组件辅助类 ================== */
 
-/* 图表卡片: 用于 DataView/StrategyView */
-.chart-card.adm-card { padding: 12px; }
-.chart-card.adm-card .adm-card-body { padding: 0; }
 
 /* 文章详情 */
 .article-page { display: flex; flex-direction: column; min-height: 100%; }
@@ -129,6 +115,47 @@ input, textarea, select { font: inherit; }
 .list-item-meta { font-size: 12px; color: var(--color-muted); margin-bottom: 4px; }
 .list-item-excerpt { font-size: 13px; color: var(--color-muted); line-height: 1.5; }
 
+/* ================== 列表视图 (DataView/StrategyView 列表态) ================== */
+.list-page { padding: 0 0 16px; }
+.list-page .page-title { padding: 14px 16px 4px; }
+.list-page .adm-list { margin: 0 12px; background: transparent; }
+.list-page .adm-list .adm-list-item {
+  background: #fff;
+  border-radius: 10px;
+  margin-bottom: 10px;
+  padding: 12px 14px;
+  box-shadow: 0 1px 2px rgba(0,0,0,.04);
+}
+.list-page .adm-list .adm-list-item:last-child { margin-bottom: 0; }
+.list-page .adm-list-item-title { font-size: 15px; font-weight: 600; color: var(--color-text); }
+.list-page .adm-list-item-description { color: var(--color-muted); margin-top: 4px; }
+.list-page .row-meta { display: flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; }
+.list-page .row-change { font-size: 12px; color: var(--color-muted); }
+/* 趋势徽标: 上升(绿) / 下降(红) / 持平(灰) / 震荡(橙) */
+.trend-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  font-size: 12px;
+  font-weight: 500;
+  padding: 1px 6px;
+  border-radius: 4px;
+  background: rgba(0,0,0,.04);
+  white-space: nowrap;
+}
+.trend-badge .trend-icon { font-weight: 700; }
+.trend-up       { color: #00b578; background: rgba(0,181,120,.1); }
+.trend-down     { color: #ff3141; background: rgba(255,49,65,.1); }
+.trend-flat     { color: #666;    background: rgba(0,0,0,.05); }
+.trend-volatile { color: #ff8f1f; background: rgba(255,143,31,.12); }
+
+/* 详情页 (DataView/StrategyView 详情态) */
+.detail-page { display: flex; flex-direction: column; min-height: 100%; }
+.detail-page .adm-nav-bar { background: #fff; border-bottom: 1px solid var(--color-border); }
+.detail-card.adm-card { margin: 12px; border-radius: 10px; }
+.detail-card.adm-card .adm-card-body { padding: 12px; }
+.detail-meta { font-size: 12px; color: var(--color-muted); margin-bottom: 8px; }
+
 /* 图表 / 表格 */
 .chart-wrap { background: #fafafa; border-radius: 8px; padding: 8px; margin: 8px 0 16px; }
 .data-table { width: 100%; border-collapse: collapse; font-size: 13px; }