flowchart TD
    A([🏠 首页]) -->|点击「开始启程」| B[📖 融合阅读页]
    B -->|逐段阅读叙事| B
    B -->|点击悬浮按钮| C[💬 异兽对话面板]
    C -->|关闭对话| B
    B -->|点击「记录行记」| D[✍️ 行记页]
    D -->|查看生成的文言日记| D
    D -->|点击「收入行记」| E[⭐ 完成页]
    E -->|点击「分享」| F[📤 分享海报弹窗]
    F -->|选择分享方式| G[📱 微信/朋友圈/相册]
    E -->|点击「继续启程」| B
    E -->|返回首页| A

    style A fill:#faf6f0,stroke:#b8860b,stroke-width:2px,color:#1a1612
    style B fill:#f5f0e8,stroke:#4a7c59,stroke-width:2px,color:#1a1612
    style C fill:#e8e0d4,stroke:#c04030,stroke-width:2px,color:#1a1612
    style D fill:#faf6f0,stroke:#b8860b,stroke-width:2px,color:#1a1612
    style E fill:#f5f0e8,stroke:#d4a84b,stroke-width:2px,color:#1a1612
    style F fill:#e8e0d4,stroke:#8a7d6a,stroke-width:2px,color:#1a1612
      

stateDiagram-v2
    [*] --> 首页_Home

    首页_Home --> 融合阅读_Reading : 开始启程
    首页_Home --> 见闻录_Collection : 切换Tab
    首页_Home --> 我的_Profile : 切换Tab

    融合阅读_Reading --> 异兽对话_Chat : 点击悬浮按钮
    异兽对话_Chat --> 融合阅读_Reading : 关闭对话
    融合阅读_Reading --> 行记_Diary : 记录行记
    融合阅读_Reading --> 首页_Home : 返回

    行记_Diary --> 完成_Complete : 收入行记
    行记_Diary --> 融合阅读_Reading : 返回

    完成_Complete --> 分享弹窗_Share : 点击分享
    分享弹窗_Share --> 完成_Complete : 关闭
    完成_Complete --> 融合阅读_Reading : 继续启程
    完成_Complete --> 首页_Home : 返回首页

    见闻录_Collection --> 详情_Detail : 点击图鉴卡片
    见闻录_Collection --> 首页_Home : 返回

    state 详情_Detail {
        [*] --> 卡片详情模式
        卡片详情模式 --> 故事回顾模式 : 点击回顾
        故事回顾模式 --> 卡片详情模式 : 返回
    }
    详情_Detail --> 见闻录_Collection : 返回

    我的_Profile --> 首页_Home : 切换Tab
    我的_Profile --> 见闻录_Collection : 切换Tab