feat: v1.5 — plan editor, voice prompts, UI polish

Major features:
- Training plan editor: edit preset days/duration per plan (in-place
  override via custom_plans storage; preset ids preserved so existing
  records stay valid)
- Voice prompts at 4 fixed points during training (halfway / 30s /
  10s / done) via Tencent Cloud TTS (cloudfunctions/tts + utils/voice.js)
- Free-training button: switched from outline (transparent) to ghost
  variant (theme-tinted) for visual weight

Bug fixes:
- 4 functional pages: SVG data URIs failed to render in WeChat because
  '\#' in colors was parsed as a data-URI fragment delimiter. encode the
  whole SVG via encodeURIComponent in utils/icons.js build().
- Old records (saved before id field was added) could not be deleted
  (data-id was empty, triggered defensive guard). Backfill stable
  legacy-<month>-<index>-<duration> ids in getRecords() and persist.
- settings.js plan-row editor button event was bubbling up to the row's
  bindtap (which also fired onSelectPlan). Wrapped in catch:tap.

UI:
- Settings page: 3 hardcoded plans replaced with dynamic buildPlansList
  that overlays custom_plans on top of presets
- Plan editor: bottom-sheet modal in settings page (regular view, not
  ui-modal — WeChat custom component root element drops position:fixed
  in this runtime)
- Free-training button: rounded pill style, full-width, 24rpx gap from
  primary action; bottom sheet uses max-height: 88vh + internal scroll
- Version bumped to v1.5, last updated 2026-06-10

Removed:
- Daily reminder section (dailyReminder / reminderTime) — replaced by
  the 4 voice prompts which cover the same user need without requiring
  long-term scheduling that WeChat mini-programs can't actually do

Misc:
- utils/plan.js refactored to formula-driven: presets declare
  totalDays/startTarget/increment/cycleDays, days[] is generated. Same
  formula applies to custom plans.
- Timer _remind() guards each prompt on minimum duration so short
  free-mode sessions don't fire 'last30' at the start
- Cloud storage cloud_plans field added to data push payload; restored
  on first install via _restoreFromCloud
- .gitignore added for local AI tool caches (.reasonix/, reasonix.toml,
  .codegraph/daemon.pid)

pages/records/records.js

@@ -1,6 +1,7 @@
 const storage = require('../../utils/storage')
 const util = require('../../utils/util')
 const themeMod = require('../../utils/theme')
+const iconsMod = require('../../utils/icons')
 
 Page({
   data: {
@@ -16,12 +17,13 @@ Page({
     monthRecords: [],
     historyList: [],
     showDayDetail: false,
-    dayDetail: {}
+    dayDetail: {},
+    icons: iconsMod.build()
   },
 
   onLoad() {
     themeMod.applyThemeToPage(this)
-    this.refresh()
+    this._firstShow = true
   },
 
   onShow() {
@@ -30,6 +32,11 @@ Page({
       const tb = this.getTabBar()
       if (tb) tb.setData({ selected: 1 })
     } catch (e) {}
+    if (this._firstShow) {
+      this._firstShow = false
+      this.refresh()
+      return
+    }
     this.refresh()
   },
 
@@ -39,21 +46,35 @@ Page({
   },
 
   refresh() {
+    storage.validateStreak()
     const stats = storage.getTotalStats()
     const monthKey = `${this.data.currentYear}-${String(this.data.currentMonth).padStart(2, '0')}`
     const records = storage.getRecordsByMonth(monthKey)
 
-    const allRecords = Object.values(storage.getRecords()).flat()
-    allRecords.sort((a, b) => b.date.localeCompare(a.date))
+    // Each month is already sorted newest-first in storage. To get top 30 most recent,
+    // walk months in reverse chrono order and concat — O(months*30) instead of O(n log n).
+    const byMonth = storage.getRecords()
+    const monthKeys = Object.keys(byMonth).sort().reverse()
+    const historyList = []
+    for (const mk of monthKeys) {
+      for (const r of byMonth[mk]) {
+        historyList.push(r)
+        if (historyList.length >= 30) break
+      }
+      if (historyList.length >= 30) break
+    }
 
+    const theme = themeMod.getCurrentTheme()
     this.setData({
+      theme,
+      icons: iconsMod.build(theme),
       totalDuration: stats.totalDuration,
       totalDurationText: util.formatDuration(stats.totalDuration),
       totalSessions: stats.totalSessions,
       maxDuration: stats.maxDuration,
       maxDurationText: util.formatDuration(stats.maxDuration),
       monthRecords: records,
-      historyList: allRecords.slice(0, 30)
+      historyList
     })
   },
 
@@ -84,12 +105,10 @@ Page({
   onDayTap(e) {
     const { year, month, day } = e.detail
     const dateStr = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`
-
     const allRecords = Object.values(storage.getRecords()).flat()
     const sessions = allRecords.filter(r => r.date === dateStr)
     const totalDur = sessions.reduce((sum, r) => sum + r.duration, 0)
     const calories = Math.round(totalDur * 0.068)
-
     this.setData({
       showDayDetail: true,
       dayDetail: {
@@ -106,10 +125,31 @@ Page({
     this.setData({ showDayDetail: false })
   },
 
-  noop() {},
+  onLongPressDelete(e) {
+    const id = e.currentTarget.dataset.id
+    if (!id && id !== 0) {
+      wx.showToast({ title: '记录数据异常', icon: 'none', duration: 1200 })
+      return
+    }
+    wx.showModal({
+      title: '删除记录',
+      content: '确定要删除这条训练记录吗？',
+      success: (res) => {
+        if (res.confirm) {
+          storage.deleteRecord(id)
+          this.refresh()
+          wx.showToast({ title: '已删除', icon: 'none', duration: 1200 })
+        }
+      }
+    })
+  },
 
   onDeleteRecord(e) {
     const id = e.currentTarget.dataset.id
+    if (!id && id !== 0) {
+      wx.showToast({ title: '记录数据异常', icon: 'none', duration: 1200 })
+      return
+    }
     wx.showModal({
       title: '删除记录',
       content: '确定要删除这条训练记录吗？',

pages/records/records.json

@@ -1,6 +1,8 @@
 {
   "usingComponents": {
-    "calendar-heatmap": "../../components/calendar-heatmap/calendar-heatmap"
+    "calendar-heatmap": "/components/calendar-heatmap/calendar-heatmap",
+    "ui-card": "/components/ui-card/ui-card",
+    "ui-modal": "/components/ui-modal/ui-modal"
   },
   "navigationBarTitleText": "训练记录"
 }

pages/records/records.wxml

@@ -1,92 +1,112 @@
 <view class="container" style="{{themeStyle}}">
   <!-- 统计卡片 -->
-  <view class="stats card">
-    <view class="stat-item">
-      <text class="stat-emoji">📊</text>
-      <text class="stat-num">{{totalSessions}}次</text>
-      <text class="stat-label">训练次数</text>
+  <ui-card variant="in">
+    <view class="stats">
+      <view class="stat-item">
+        <image class="stat-icon" src="{{icons.rankFill}}" mode="aspectFit"></image>
+        <text class="stat-num">{{totalSessions}}次</text>
+        <text class="stat-label">训练次数</text>
+      </view>
+      <view class="stat-item">
+        <image class="stat-icon" src="{{icons.timeFill}}" mode="aspectFit"></image>
+        <text class="stat-num">{{totalDurationText}}</text>
+        <text class="stat-label">累计时长</text>
+      </view>
+      <view class="stat-item">
+        <image class="stat-icon" src="{{icons.crownFill}}" mode="aspectFit"></image>
+        <text class="stat-num">{{maxDurationText}}</text>
+        <text class="stat-label">最长记录</text>
+      </view>
     </view>
-    <view class="stat-item">
-      <text class="stat-emoji">⏱</text>
-      <text class="stat-num">{{totalDurationText}}</text>
-      <text class="stat-label">累计时长</text>
-    </view>
-    <view class="stat-item">
-      <text class="stat-emoji">🏆</text>
-      <text class="stat-num">{{maxDurationText}}</text>
-      <text class="stat-label">最长记录</text>
-    </view>
-  </view>
+  </ui-card>
 
   <!-- 日历热力图 -->
-  <view class="calendar-section card">
-    <view class="month-picker">
-      <view class="month-arrow" bindtap="onPrevMonth">‹</view>
-      <view class="month-title-wrap">
-        <text class="month-emoji">🗓</text>
-        <text class="month-title">{{currentYear}}年 {{currentMonth}}月</text>
+  <ui-card variant="in">
+    <view class="calendar-section">
+      <view class="month-picker">
+        <view class="month-arrow" bindtap="onPrevMonth">
+          <image class="month-arrow-img" src="{{icons.back}}" mode="aspectFit"></image>
+        </view>
+        <view class="month-title-wrap">
+          <image class="month-icon" src="{{icons.calendarFill}}" mode="aspectFit"></image>
+          <text class="month-title">{{currentYear}}年 {{currentMonth}}月</text>
+        </view>
+        <view class="month-arrow" bindtap="onNextMonth">
+          <image class="month-arrow-img" src="{{icons.right}}" mode="aspectFit"></image>
+        </view>
       </view>
-      <view class="month-arrow" bindtap="onNextMonth">›</view>
+      <calendar-heatmap
+        year="{{currentYear}}"
+        month="{{currentMonth}}"
+        records="{{monthRecords}}"
+        primaryColor="{{theme.primary}}"
+        binddaytap="onDayTap"
+      ></calendar-heatmap>
     </view>
-    <calendar-heatmap
-      year="{{currentYear}}"
-      month="{{currentMonth}}"
-      records="{{monthRecords}}"
-      binddaytap="onDayTap"
-    ></calendar-heatmap>
-  </view>
+  </ui-card>
 
   <!-- 历史记录 -->
-  <view class="history-section card">
-    <view class="history-header">
-      <text class="section-title">📋 最近记录</text>
-      <text class="history-hint" wx:if="{{historyList.length > 0}}">长按可删除</text>
-    </view>
-    <view wx:if="{{historyList.length === 0}}" class="empty-state">
-      <text class="empty-emoji">🏃</text>
-      <text class="empty-text">还没有训练记录</text>
-      <text class="empty-sub">开始你的第一次平板支撑吧</text>
-    </view>
-    <view class="history-list">
-      <view class="history-item" wx:for="{{historyList}}" wx:key="id" data-id="{{item.id}}" bindlongpress="onDeleteRecord">
-        <text class="history-icon">
-          {{item.duration >= 120 ? '🔥' : item.duration >= 60 ? '💪' : '✅'}}
-        </text>
-        <view class="history-left">
-          <text class="history-date">{{item.date}}</text>
-          <text class="history-plan">第 {{item.day}} 天</text>
+  <ui-card variant="in">
+    <view class="history-section">
+      <view class="history-header">
+        <view class="history-title-wrap">
+          <image class="history-title-icon" src="{{icons.formFill}}" mode="aspectFit"></image>
+          <text class="section-title">最近记录</text>
         </view>
-        <view class="history-right">
-          <text class="history-duration">{{item.duration}}s</text>
+        <text class="history-hint" wx:if="{{historyList.length > 0}}">长按可删除</text>
+      </view>
+      <view wx:if="{{historyList.length === 0}}" class="empty-state">
+        <image class="empty-icon" src="{{icons.peopleFill}}" mode="aspectFit"></image>
+        <text class="empty-text">还没有训练记录</text>
+        <text class="empty-sub">开始你的第一次平板支撑吧</text>
+      </view>
+      <view class="history-list">
+        <view class="history-item" wx:for="{{historyList}}" wx:key="id" data-id="{{item.id}}" bindlongpress="onLongPressDelete">
+          <image class="history-item-icon"
+            src="{{item.duration >= 120 ? icons.hotFill : item.duration >= 60 ? icons.likeFill : icons.roundCheckFill}}"
+            mode="aspectFit"
+          ></image>
+          <view class="history-left">
+            <text class="history-date">{{item.date}}</text>
+            <text class="history-plan">{{item.day === 0 ? '自由训练' : '第 ' + item.day + ' 天'}}</text>
+          </view>
+          <view class="history-right">
+            <text class="history-duration">{{item.duration}}s</text>
+            <view class="history-delete-btn" catch:tap="onDeleteRecord" data-id="{{item.id}}">
+              <image class="history-delete-icon" src="{{icons.deleteActive}}" mode="aspectFit"></image>
+              <text class="history-delete-text">删除</text>
+            </view>
+          </view>
         </view>
       </view>
     </view>
-  </view>
+  </ui-card>
 
   <!-- 日期详情弹窗 -->
-  <view class="modal-overlay modal-overlay-center" wx:if="{{showDayDetail}}" bindtap="onCloseDayDetail">
-    <view class="day-detail-modal" catchtap="noop">
-      <view class="detail-date-row">
-        <text class="detail-emoji">📅</text>
-        <text class="detail-date">{{dayDetail.date}}</text>
+  <ui-modal visible="{{showDayDetail}}" position="center" bind:close="onCloseDayDetail">
+    <view class="detail-date-row">
+      <image class="detail-icon" src="{{icons.calendarFill}}" mode="aspectFit"></image>
+      <text class="detail-date">{{dayDetail.date}}</text>
+    </view>
+    <view class="detail-grid">
+      <view class="detail-item">
+        <image class="detail-item-icon" src="{{icons.rankFill}}" mode="aspectFit"></image>
+        <text class="detail-num">{{dayDetail.sessions}}次</text>
+        <text class="detail-label">训练次数</text>
       </view>
-      <view class="detail-grid">
-        <view class="detail-item">
-          <text class="detail-num">{{dayDetail.sessions}}次</text>
-          <text class="detail-label">训练次数</text>
-        </view>
-        <view class="detail-item">
-          <text class="detail-num">{{dayDetail.durationText}}</text>
-          <text class="detail-label">总时长</text>
-        </view>
-        <view class="detail-item">
-          <text class="detail-num">{{dayDetail.calories}}</text>
-          <text class="detail-label">约消耗 (千卡)</text>
-        </view>
+      <view class="detail-item">
+        <image class="detail-item-icon" src="{{icons.timeFill}}" mode="aspectFit"></image>
+        <text class="detail-num">{{dayDetail.durationText}}</text>
+        <text class="detail-label">总时长</text>
       </view>
-      <view class="detail-close" bindtap="onCloseDayDetail">
-        <text>关闭</text>
+      <view class="detail-item">
+        <image class="detail-item-icon" src="{{icons.hotFill}}" mode="aspectFit"></image>
+        <text class="detail-num">{{dayDetail.calories}}</text>
+        <text class="detail-label">约消耗 (千卡)</text>
       </view>
     </view>
-  </view>
+    <view class="detail-close" bindtap="onCloseDayDetail">
+      <text>关闭</text>
+    </view>
+  </ui-modal>
 </view>

pages/records/records.wxss

@@ -2,7 +2,7 @@
   display: flex;
   justify-content: space-around;
   text-align: center;
-  padding: 32rpx 16rpx;
+  padding: 8rpx 0;
 }
 
 .stat-item {
@@ -12,13 +12,10 @@
   flex: 1;
 }
 
-.stat-emoji {
-  font-size: 28rpx;
-  width: 56rpx;
+.stat-icon {
+  width: 40rpx;
   height: 40rpx;
-  line-height: 40rpx;
-  text-align: center;
-  margin-bottom: 4rpx;
+  margin-bottom: 8rpx;
 }
 
 .stat-num {
@@ -38,7 +35,7 @@
 
 /* ---- calendar ---- */
 .calendar-section {
-  padding: 24rpx 24rpx 28rpx;
+  padding: 0;
 }
 
 .month-picker {
@@ -54,8 +51,9 @@
   gap: 10rpx;
 }
 
-.month-emoji {
-  font-size: 28rpx;
+.month-icon {
+  width: 32rpx;
+  height: 32rpx;
 }
 
 .month-title {
@@ -65,18 +63,27 @@
 }
 
 .month-arrow {
-  font-size: 44rpx;
-  color: var(--primary);
-  padding: 0 20rpx;
-  font-weight: 300;
-  transition: opacity 0.15s;
+  padding: 16rpx 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .month-arrow:active {
   opacity: 0.5;
 }
 
+.month-arrow-img {
+  width: 32rpx;
+  height: 32rpx;
+  color: var(--primary);
+}
+
 /* ---- history ---- */
+.history-section {
+  padding: 0;
+}
+
 .history-header {
   display: flex;
   justify-content: space-between;
@@ -84,6 +91,17 @@
   margin-bottom: 8rpx;
 }
 
+.history-title-wrap {
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+}
+
+.history-title-icon {
+  width: 28rpx;
+  height: 28rpx;
+}
+
 .history-header .section-title {
   margin-bottom: 0;
 }
@@ -100,8 +118,9 @@
   padding: 60rpx 0;
 }
 
-.empty-emoji {
-  font-size: 64rpx;
+.empty-icon {
+  width: 80rpx;
+  height: 80rpx;
   margin-bottom: 16rpx;
   animation: float 3s ease-in-out infinite;
 }
@@ -129,8 +148,13 @@
   animation: cardIn 0.35s ease both;
 }
 
-.history-item:last-child {
-  border-bottom: none;
+.history-item:last-child { border-bottom: none; }
+
+.history-item-icon {
+  width: 36rpx;
+  height: 36rpx;
+  margin-right: 16rpx;
+  flex-shrink: 0;
 }
 
 .history-left {
@@ -153,35 +177,62 @@
 .history-right {
   display: flex;
   align-items: center;
+  gap: 12rpx;
+  flex-shrink: 0;
 }
 
 .history-duration {
   font-size: 32rpx;
   font-weight: 600;
   color: var(--primary);
+  margin-right: 4rpx;
+}
+
+.history-delete-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6rpx;
+  padding: 0 18rpx;
+  height: 56rpx;
+  background: rgba(229, 57, 53, 0.1);
+  border: 2rpx solid rgba(229, 57, 53, 0.2);
+  border-radius: 28rpx;
+  flex-shrink: 0;
+  transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease;
+}
+
+.history-delete-btn:active {
+  transform: scale(0.92);
+  background: rgba(229, 57, 53, 0.2);
+  border-color: rgba(229, 57, 53, 0.4);
+}
+
+.history-delete-icon {
+  width: 28rpx;
+  height: 28rpx;
+  flex-shrink: 0;
+}
+
+.history-delete-text {
+  font-size: 24rpx;
+  color: #E53935;
+  font-weight: 600;
+  line-height: 1;
 }
 
 /* ---- day detail popup ---- */
-.day-detail-modal {
-  width: 560rpx;
-  background: #fff;
-  border-radius: 28rpx;
-  padding: 48rpx 40rpx 36rpx;
-  animation: popIn 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
-  text-align: center;
-}
-
 .detail-date-row {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 36rpx;
+  gap: 10rpx;
 }
 
-.detail-emoji {
-  font-size: 32rpx;
-  margin-right: 10rpx;
-  line-height: 1;
+.detail-icon {
+  width: 36rpx;
+  height: 36rpx;
 }
 
 .detail-date {
@@ -202,6 +253,12 @@
   align-items: center;
 }
 
+.detail-item-icon {
+  width: 36rpx;
+  height: 36rpx;
+  margin-bottom: 8rpx;
+}
+
 .detail-num {
   font-size: 36rpx;
   font-weight: 700;
@@ -220,10 +277,3 @@
   color: var(--text-secondary);
   border-top: 1rpx solid var(--border);
 }
-
-.history-icon {
-  font-size: 28rpx;
-  margin-right: 16rpx;
-  flex-shrink: 0;
-  line-height: 1;
-}