feat: 首页顶部加头像昵称问候 + 循环训练秒数步进改为±10

pages/index/index.wxss

@@ -1,33 +1,57 @@
 /* ---- greeting ---- */
 .greeting-row {
+  display: flex;
+  align-items: center;
+  gap: 20rpx;
   padding: 16rpx 8rpx 24rpx;
   animation: cardIn 0.4s ease both;
 }
 
-.greeting-text {
+/* 圆形头像:外层 overflow:hidden + 内层 image border-radius:50% 双保险,
+   避免远程(cloud://)头像裁不出圆角而露直角。无头像时显示人形图标占位,
+   加浅色底让占位更有质感;有头像时去掉底,避免深色头像边缘露白缝。 */
+.greeting-avatar {
+  width: 88rpx;
+  height: 88rpx;
+  flex-shrink: 0;
+  border-radius: 50%;
+  overflow: hidden;
+  background: var(--bg-soft);
   display: flex;
   align-items: center;
-  margin-bottom: 8rpx;
+  justify-content: center;
 }
 
-.greeting-icon {
-  width: 44rpx;
-  height: 44rpx;
-  margin-right: 12rpx;
+.greeting-avatar-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  display: block;
+}
+
+.greeting-avatar.has-avatar {
+  background: transparent;
+}
+
+.greeting-main {
+  flex: 1;
+  min-width: 0;
 }
 
 .greeting-title {
+  display: block;
   font-size: 40rpx;
   font-weight: 700;
   color: var(--text);
-  line-height: 1.2;
+  line-height: 1.3;
 }
 
 .greeting-sub {
+  display: block;
   font-size: 26rpx;
   color: var(--text-secondary);
-  margin-left: 60rpx;
-  line-height: 1;
+  margin-top: 4rpx;
+  line-height: 1.2;
 }
 
 /* ---- header card ---- */