第 6 节 · 门店 #locations
下面有这一节的现状截图和 4 个骨架不同的新版式。推荐：方案 A——上一节是窄栏纯文字，这一节放满版的地图带，门店卡浮在上面，宽窄一下子拉开。
怎么用：点右上角「✎ 批注」按钮（按钮上那串英文是这一页批注的存档名），在任意方案、任意一句话上点一下写意见（比如「选 B，但标题换居中」）。选定后这一节可以单独再开一轮。
内容大纲（照现在线上预览版的原文）
- 眉标 // Network · 3 Live
- 标题 Three Flagships. More Coming.
- 美国地图：Palo Alto + Champaign 两个点
- 三张门店卡：店名 · 地址 · 实时营业状态 · Store page / Directions / Book event
- 按钮：View all locations
- 营业状态是页面实时读的（Loading… → Open / Closed），小样里用「Open hours · live」占位。
- 「3」这个数在状态栏、成绩、门店三处各说一遍（见成绩一节）。
现状
标题块 → 地图格 + 3 格等宽门店卡（细线方格）→ 按钮。
方案 A · 满版地图带，门店卡浮在地图上推荐
适合：「从加州到伊利诺伊」的距离感一眼看懂；地图终于不是一个小方格。 代价：地图是示意图不是真地图，点不了缩放；手机上卡片只能排到地图下面。
Three Flagships.
More Coming.
Yummy Future Bay
170 University Ave · Palo Alto, CA 94301
Open hours · liveYummy Future Matcha House
401 E Green St, Suite B · Champaign, IL 61820 · Campustown
Open hours · liveYummy Future Original
609 E Green St · Champaign, IL 61820
Open hours · liveThree Flagships.
More Coming.
Yummy Future Bay
170 University Ave · Palo Alto, CA 94301
Open hours · liveYummy Future Matcha House
401 E Green St, Suite B · Champaign, IL 61820 · Campustown
Open hours · liveYummy Future Original
609 E Green St · Champaign, IL 61820
Open hours · live手机上地图缩成一条横幅，三张店卡在下面一张一张排。
两个框里是同一份小样，按框的宽度自动排版——跟真网页在手机上的表现一致。
方案 B · 门店时刻表：一行一家店，像车站信息板
适合：最快找到「最近那家现在开不开」，按钮都在同一列，好点。 代价：没有地图也没有照片，缺少「想去坐坐」的感觉。
Three Flagships. More Coming.
Three Flagships. More Coming.
手机上每家店变成一块：店名一行、地址一行、按钮一行。
两个框里是同一份小样，按框的宽度自动排版——跟真网页在手机上的表现一致。
方案 C · 按城市左右分：Palo Alto 一边，Champaign 一边，各配门店照片
适合：两座城市各有一张真门店照片，「想去看看」的吸引力最强。 代价：Champaign 两家店挤在一边，Original 那家没有照片。
Three Flagships. More Coming.
170 University Ave · Palo Alto, CA 94301
Open hours · live
401 E Green St, Suite B · Champaign, IL 61820 · Campustown
Open hours · live609 E Green St · Champaign, IL 61820
Open hours · liveThree Flagships. More Coming.
170 University Ave · Palo Alto, CA 94301
Open hours · live401 E Green St, Suite B · Champaign, IL 61820 · Campustown
Open hours · live609 E Green St · Champaign, IL 61820
Open hours · live手机上先 Palo Alto 整块，再 Champaign 整块。
两个框里是同一份小样，按框的宽度自动排版——跟真网页在手机上的表现一致。
方案 D · 城市页签：点城市名切换，一次看一座城
适合：以后开到第五、第十家也不会变长；窄栏很安静。 代价：要点才看到另一座城，没点的人以为只有一家。
Three Flagships. More Coming.
401 E Green St, Suite B · Champaign, IL 61820 · Campustown
Open hours · live609 E Green St · Champaign, IL 61820
Open hours · liveThree Flagships. More Coming.
401 E Green St, Suite B · Champaign, IL 61820 · Campustown
Open hours · live609 E Green St · Champaign, IL 61820
Open hours · live手机上页签两个按钮平分一行。
两个框里是同一份小样，按框的宽度自动排版——跟真网页在手机上的表现一致。
照片和文案全部取自官网已有的内容；小样里的数字只用现在线上预览版出现过的（测试会查）。回总览 →