longandCursor
9b6d9ce007
脚印拟真化: - 颜色 鲜绿 → 浅白(rgba 241,245,249,0.92),降低饱和不再卡通 - 形状更紧凑:脚趾紧贴脚掌、大小递减弧形排布(22→18→16→14→12rpx) - 不规则 border-radius 模拟真实脚印轮廓 - 移除多余渐变和厚重 box-shadow 布局重组(卡片化): - 走路区域 + 配速 badge + 状态提示 → walker-card 统一卡片 - BPM 调节 + 拍号选择 → control-card 统一卡片 - 卡片背景 rgba(255,255,255,0.035) + 1rpx 描边,有 backdrop-blur - 移除独立 hint 区,合并到 walker-card 顶部 控件精修: - BPM 步进按钮 高度 120→96rpx,字号 44→38rpx,圆角更小 - 拍号选择器改为 iOS 风药丸式 segmented control,放在右侧 - 主圆 460→420rpx,BPM 字号 200→180rpx,腾出空间给下方 - "速度"标签 → "BPM"(更专业) 配速 badge 智能变色: - <100 BPM 绿(健走) - 100-129 黄(快走) - 130-169 橙(慢跑) - ≥170 红(快跑) 设计 token 抽取: - 在 SCSS 顶部定义 $bg-grad / $card-bg / $text-* / $brand 等变量 - 圆角统一:卡片 28rpx, 按钮 20rpx, 药丸 999rpx - 间距统一:卡片间距 28rpx, 控件间隔 14rpx Co-authored-by: Cursor <cursoragent@cursor.com>