优化记录页趋势分析展示

pages/records/records.wxss

@@ -199,6 +199,32 @@
   opacity: 1;
 }
 
+/* ---- records / trend top-level switch ---- */
+.records-content-tabs {
+  display: flex;
+  margin: 8rpx 0 20rpx;
+  padding: 6rpx;
+  background: var(--bg-soft);
+  border-radius: 999rpx;
+}
+
+.records-content-tab {
+  flex: 1;
+  padding: 14rpx 0;
+  border-radius: 999rpx;
+  color: var(--text-secondary);
+  font-size: 26rpx;
+  text-align: center;
+  transition: background 0.25s ease, color 0.25s ease;
+}
+
+.records-content-tab.active {
+  background: var(--card-bg);
+  color: var(--primary);
+  font-weight: 700;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.10);
+}
+
 /* ---- calendar ---- */
 .calendar-section {
   padding: 0;
@@ -267,6 +293,79 @@
   margin-bottom: 0;
 }
 
+.trend-summary {
+  display: flex;
+  margin: 16rpx 0 4rpx;
+  padding: 16rpx 0;
+  background: rgba(var(--primary-rgb), 0.06);
+  border-radius: 16rpx;
+}
+
+.trend-summary-item {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  align-items: center;
+  min-width: 0;
+}
+
+.trend-summary-value {
+  color: var(--primary);
+  font-size: 28rpx;
+  font-weight: 800;
+}
+
+.trend-summary-label {
+  margin-top: 4rpx;
+  color: var(--text-secondary);
+  font-size: 20rpx;
+}
+
+.trend-highlight {
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+  margin-top: 18rpx;
+  padding: 14rpx 16rpx;
+  background: var(--bg-soft);
+  border-radius: 14rpx;
+}
+
+.trend-highlight-icon {
+  width: 28rpx;
+  height: 28rpx;
+}
+
+.trend-highlight-title {
+  color: var(--text-secondary);
+  font-size: 22rpx;
+}
+
+.trend-highlight-text {
+  color: var(--text);
+  font-size: 22rpx;
+  font-weight: 600;
+}
+
+.best-trend-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 28rpx;
+}
+
+.best-trend-title {
+  color: var(--text);
+  font-size: 26rpx;
+  font-weight: 700;
+}
+
+.best-trend-best {
+  color: var(--primary);
+  font-size: 20rpx;
+  font-weight: 600;
+}
+
 /* ---- history ---- */
 .history-section {
   padding: 0;