feat: 个人最佳趋势改为折线图 + 底部最佳趋势日期 + 修复

- 趋势组件 trend-chart 新增 chartType(line/bar),line 模式用内联 SVG 渲染折线+渐变面积(无 canvas)
- 记录页个人最佳趋势改用折线图,峰值信息移到图表下方对称高亮块显示最佳趋势产生日期
- 修复1: linePoints 漏存绝对坐标 y 导致运行时 toFixed 崩溃
- 修复2: 折线模式漏渲染数据点数值(valueText),现圆点上方显示且 0 值不显示

pages/records/records.wxml

@@ -125,9 +125,13 @@
           <image class="history-title-icon" src="{{icons.crownFill}}" mode="aspectFit"></image>
           <text class="best-trend-title">个人最佳趋势</text>
         </view>
-        <text class="best-trend-best">{{bestTrendSummary.peakText}}</text>
       </view>
-      <trend-chart chart-data="{{bestTrendData}}" variant="peak"></trend-chart>
+      <trend-chart chart-data="{{bestTrendData}}" variant="peak" chart-type="line" line-color="{{bestLineColor}}"></trend-chart>
+      <view class="trend-highlight">
+        <image class="trend-highlight-icon" src="{{icons.crownFill}}" mode="aspectFit"></image>
+        <text class="trend-highlight-title">{{bestTrendSummary.peakTitle}}</text>
+        <text class="trend-highlight-text">{{bestTrendSummary.peakText}}</text>
+      </view>
     </view>
   </ui-card>
   </block>