真 LINE 已走完綁定和改資料，畫面改成一頁一題

flowchart TD
  subgraph donor[捐贈者的手機：LINE]
    qr([掃水瓶 QR]) --> add[加官方帳號好友]
    add --> menu[點圖文選單
確認我的資料]
    linemsg[收到 LINE 通知
審核結果、提醒]
  end
  subgraph plat[自建網頁平台]
    login[LINE 登入
只取 userId]
    bindflow[一頁一題填資料
身分證、生日、實體卡
和主資料庫比對]
    pick{還收得到哪一種？}
    view[我的聯絡資料
只顯示遮罩]
    change[申請更新
改電話先驗新號碼]
  end
  subgraph staff[承辦後台]
    manual[人工核對身分]
    review[審核更新申請]
  end
  write[(主資料庫：POC 模擬
聯絡資料、異動歷史)]
  menu --> login --> bindflow --> pick
  pick -- 手機驗證碼或 Google --> view
  pick -- 都換了 --> manual
  manual -- 核准 --> view
  view -- 有地方要改 --> change --> review
  review -- 核准 --> write
  review -- 核准或退回 --> linemsg
  manual -- 核准或退回 --> linemsg
  linemsg -- 點連結 --> view
  classDef real fill:#DCEFE1,stroke:#2F6B4A,color:#1F3350
  classDef mock fill:#FFF3D1,stroke:#B9861F,color:#1F3350
  classDef sim fill:#F8E3D6,stroke:#B9561F,color:#1F3350,stroke-dasharray:5 3
  classDef todo fill:#ECECEC,stroke:#8A8A8A,color:#1F3350,stroke-dasharray:5 3
  class add,menu,login,view,review real
  class linemsg,bindflow,pick,change,manual mock
  class write sim
  class qr todo

flowchart TD
  qr([水瓶 QR
人人相同，還沒印]) --> add[加官方帳號好友]
  add --> menu[圖文選單]
  menu --> learn[認識捐贈
不用登入，內容待提供]
  menu --> mine[確認我的資料]
  mine --> login[用 LINE 登入]
  login --> consent[同意個資
目前是測試文字]
  consent --> idn[身分證字號
打字自動轉大寫]
  idn --> birth[生日
民國年滾輪]
  birth --> card{手邊有實體卡嗎？}
  card -- 有：填骨髓碼 --> confirm[確認一下
每項可修改]
  card -- 不見了 --> confirm
  confirm --> pick{還收得到哪一種？
不透露是否相符}
  pick --> sms[手機驗證碼
10 秒後才能重發]
  pick --> google[Google 帳號]
  pick -- 都換了 --> manual[留下現在的聯絡方式
承辦聯絡本人]
  sms --> bound[綁定完成頁]
  google --> bound
  manual -- 承辦核准 --> bound
  bound --> notify[通知留存的聯絡方式]
  notify --> view[我的聯絡資料
只顯示遮罩]
  view --> ask{這些資料還正確嗎？}
  ask -- 都正確 --> ok[記錄確認時間]
  ask -- 有地方要改 --> change[勾選要改的項目]
  change --> creview[確認要更新的資料]
  creview -- 改電話 --> phoneotp[驗證碼發到新號碼]
  creview -- 只改 Email 或地址 --> cdone
  phoneotp --> cdone[完成頁
申請編號]
  cdone --> pending[資料頁顯示審核中
可修改或撤回]
  pending --> review{承辦審核}
  review -- 核准 --> write([寫入主資料庫
保留歷史])
  review -- 核准或退回 --> linemsg[LINE 通知本人]
  linemsg --> view
  classDef real fill:#DCEFE1,stroke:#2F6B4A,color:#1F3350
  classDef mock fill:#FFF3D1,stroke:#B9861F,color:#1F3350
  classDef sim fill:#F8E3D6,stroke:#B9561F,color:#1F3350,stroke-dasharray:5 3
  classDef todo fill:#ECECEC,stroke:#8A8A8A,color:#1F3350,stroke-dasharray:5 3
  class add,menu,mine,login,consent,view,ok,review real
  class learn,idn,birth,card,confirm,pick,google,manual,bound,ask,change,creview,cdone,pending,linemsg mock
  class sms,notify,phoneotp,write sim
  class qr todo

flowchart LR
  cron[排程自動提醒] --> remind[手機收到提醒
內容中性，不含個資]
  staffpush[承辦手動發提醒] --> remind
  remind --> open[點連結登入確認]
  block[捐贈者封鎖官方帳號] --> webhook[Webhook 通知平台]
  webhook --> flag[標記為已封鎖]
  flag --> other[承辦改用其他管道聯絡]
  classDef real fill:#DCEFE1,stroke:#2F6B4A,color:#1F3350
  classDef mock fill:#FFF3D1,stroke:#B9861F,color:#1F3350
  classDef todo fill:#ECECEC,stroke:#8A8A8A,color:#1F3350,stroke-dasharray:5 3
  class block,webhook,flag real
  class staffpush,remind,open mock
  class cron,other todo