feat: 记录页首次空状态显示引导卡

之前: totalSessions=0 时,用户看到 stats 显示 0次/0秒 + 空日历 + 空历史,
一整页'什么都没有'。
现在: 完全没记录时只显示一张大引导卡(插画+CTA'开始训练'),
有数据后才显示 3 个统计/日历/历史卡片。

pages/records/records.wxss

@@ -346,3 +346,54 @@
   font-size: 26rpx;
   color: var(--text-secondary);
 }
+
+/* ---- 首次训练空状态引导 ---- */
+.first-train-prompt {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 60rpx 32rpx 80rpx;
+  background: var(--card-bg);
+  border-radius: 24rpx;
+  box-shadow: 0 2rpx 16rpx rgba(0, 0, 0, 0.06);
+  margin-bottom: 24rpx;
+}
+
+.first-train-illus {
+  width: 240rpx;
+  height: 240rpx;
+  margin-bottom: 32rpx;
+}
+
+.first-train-title {
+  font-size: 36rpx;
+  font-weight: 700;
+  color: var(--text);
+  margin-bottom: 12rpx;
+}
+
+.first-train-sub {
+  font-size: 26rpx;
+  color: var(--text-secondary);
+  margin-bottom: 36rpx;
+}
+
+.first-train-cta {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 88rpx;
+  padding: 0 80rpx;
+  background: linear-gradient(135deg, var(--primary), var(--primary-light));
+  color: #FFFFFF;
+  font-size: 30rpx;
+  font-weight: 600;
+  border-radius: 44rpx;
+  box-shadow: 0 8rpx 20rpx rgba(var(--primary-rgb), 0.3);
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+
+.first-train-cta:active {
+  transform: scale(0.96);
+  box-shadow: 0 4rpx 10rpx rgba(var(--primary-rgb), 0.2);
+}