弥高旅记

首页时间线

登录后的首页是「我的旅程」总览：3D 露营风 Hero 插画 + 打字机副标题，下方曲线衔接内容区。顶栏右上角头像进个人中心；已登录用户主 CTA 是「开启新旅程」。

旅程列表默认走时间线模式——按月分组的日历徽章挂在连续动线上，每张卡写目的地、成员叠头像、总花费与我的垫付。工具栏可切「时间线 / 宽松 / 紧凑」三种密度，角标区分旅程主理人（🧢）与同行成员（🎒）。

未登录时同一页降级为落地 Hero + 三步引导 + 体验旅程 Demo 卡，不必先注册就能逛示例账。首页只回答「有哪些出行、哪趟在进行」，记账动作下沉到旅程详情。

三步引导

访客态首页下半区是协作记账 onboarding：「HOW IT WORKS」眉题 +「三步，开启协作记账」主标题。横排登机牌步骤条——01 创建旅程（命名目的地）→ 02 邀请好友（一起记账目）→ 03 自动结算（AA 一目了然），图标用黏土风几何符而非实拍。

步骤下方是 DEMO 体验卡：🏝️ 体验旅程、3 人 · 2 笔 · ¥173，角标「DEMO」+ 底栏标签「协作 / 识图 / 结算」。轻触免登录进入示例旅程，Hero 区另有「立即体验」与「已有账号？直接登录」双路径。

收到好友邀请时 Hero 文案与 CTA 会切成「登录并加入」，避免邀请链落地后还要自己找入口。引导页不堆功能列表，用一张可点的示例旅程把闭环跑通。

旅程详情

点进单趟旅程后的主战场：顶部 Hero 面板叠日期吊牌、状态胶囊、旅程名与年份，Bento 双格展示「总支出 / 我的垫付」。成员行是叠头像 + 溢出计数，主理人可点「+」拉人；快捷条有「结算」「分享」「管理」等芯片，未清账时结算带角标。

曲线以下才是账目列表：可按类型或付款人筛选，Chip 横滑 + 可选小图表透视花费结构。顶栏右侧列表/宫格切换控制 Hero 紧凑度——路上频繁记一笔时用紧凑模式多留列表空间。

右下角悬浮「记一笔」是详情页主操作，和列表筛选分层：上面看花了多少、谁垫的，下面追加流水。归档旅程会在列表顶露出「消费复盘」入口，把结算后的回顾单独成页。

记一笔

新建/编辑账目页做成「旅途小票」：顶部场景横幅按分类换露营插画，类别贴纸与旅程名 chip 叠在画面上，下方穿孔线衔接表单。金额区大号 ¥ 输入框是视觉焦点，分类横滑选餐饮/交通/住宿等。

智能录入区并排两个 AI 按钮：「拍照 · 自动填单」走 OCR 识小票/账单；「语音 · 按住说话」走实时 ASR，松手解析金额与商户。右上角显示 M豆余额，每次识别扣 1 豆，不足时按钮 warning 态。识别中展示「录入中：…」实时字幕。

再往下是付款人、分摊方式（均分 / 单人 / 自定义）与按结算方勾选——支持结算组（多人合成一方）后按「方」分摊而非只能按人头。黏土拟物字段与只读锁图标标明谁有权改付款人。

识图识别

点「拍照 · 自动填单」后全屏毛玻璃遮罩弹出识别态：票据线稿图标 + 绿色进度条，文案「正在识别图片…」「魔法小票搬运数据中」。背后记一笔表单仍可见但不可操作，避免重复提交。

识别走云端 OCR，解析金额、商户、分类后回填表单；每次消耗 1 M豆，余额不足时入口变 warning 并引导充值。这是 AI 记账链路里用户唯一能感知的等待瞬间，进度条给确定性而非干转圈。

结算小票

结算页把轧差结果打印成「MEGO-47」小票：顶部打印机槽 + 吐出纸边阴影，纸面有收据号、打印时间、人数/笔数/转账条数元数据。汇总区列总支出与人均应付，加粗 Grand Total 带星号装饰，下面是逐条「谁该转给谁多少」。

每笔转账可标记已付/确认，全部结清后蜡封章变「已结清」；否则显示待处理枚数。纸尾插槽放「回放」与「分享」——回放用 SettlementPlayback 按时间轴动画复盘谁垫了、谁该补；分享走微信卡片把结果发给同行。

算法层按结算单位聚合余额再最小转账路径，避免 N 人两两算账。全部结清后出现「归档旅程」——把进行中收成纪念册，与还在记账的旅程列表分开。

会员中心

会员中心做成登机牌 + 能力卡包：Tab「会员权益 / 我的记录」。权益页顶图 VIP 场景横幅，下方 member-pass 展示头像、免费/Mego 会员 tier、M豆余额 chip（可点开规则弹窗），临期豆有脉冲提醒条。

「能力卡包」Bento 列出 5 项权益对比：旅程数量上限（免费 5 个进行中）、识图/语音额度、导出、主题等——邮票式 chip 与宽卡混排，会员列用 mint 底高亮差额。底部订阅 CTA 走微信虚拟支付链路。

M豆是 AI 识图/语音的消耗币，与会员订阅解耦：轻度用户可单买豆，重度出行开会员拿额度。记录 Tab 查 M豆流水与订阅订单，避免权益页塞满账单。

主题设置

个人中心里的主题页用黏土 Hero 盘：日月轨道 + 半圆拨盘图标，标题「选一种旅程氛围」。显示模式三段切换——跟随系统 / 浅色 / 深色，滑块拇指随选中项滑动；跟随时底栏提示当前系统实际生效的深/浅。

「效果预览」是迷你手机框 mock：状态栏、旅程卡与一笔 ¥128 餐饮示例，随所选模式即时换色，避免用户盲选后返回才发现不对。浅色是明亮露营绿，深色是柔和墨绿护眼，插画 Hero 也有 dark 变体成套切换。

主题偏好本地持久化，进旅程详情/记一笔/结算全站继承。深色不是简单反色，而是单独调过对比度与黏土阴影，保证小票字体和金额仍可读。