Update e189124f

2022-11-21 21:59:21 +08:00 · 2022-11-21 21:59:21 +08:00 · 19f10ba5d9
parent 1c6d28235c
commit 19f10ba5d9
75 changed files with 2739 additions and 517 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,5 +1,8 @@
 /build

+*.css.map
+nav.css
+
 *~

 # temporary files which can be created if a process still has a handle open of a deleted file
--- a/3
+++ b/3
@ -2,10 +2,11 @@ build: clean makeassets
 	./build.sh

 serve: makeassets
+	sass --watch src/common/nav.scss src/common/nav.css &
 	python3 -m http.server --directory src 80

 makeassets:
-	sed -i "s/\(\/\*\ BEGIN\ ASSETS\ \*\/\).*/\1/" src/service-worker.js
+	sed -i "s/\(\/\*\ BEGIN\ ASSETS\ \*\/\).*/\1/" src/service-worker.js || sed -i "" "s/\(\/\*\ BEGIN\ ASSETS\ \*\/\).*/\1/" src/service-worker.js
 	./makeassets.sh >> src/service-worker.js

 clean:
--- a/README.md
+++ b/README.md
@ -1,11 +1,19 @@
 # health-code-simulator

+常见问题：[FAQ.md](https://codeberg.org/ilovexjp/health-code-simulator/src/branch/main/docs/FAQ.md)
+
+Telegram 频道：[@gh_ilovexjp](https://t.me/gh_ilovexjp)
+
+网页演示：[Cloudflare](https://ilovexjp.pages.dev)
+
+Reddit: [r/ILoveHealthCode](https://reddit.com/r/ILoveHealthCode)
+
 ## Build

 ### Build for production

 ```shell
-npm i -g uglify-js clean-css-cli html-minifier
+npm i -g uglify-js clean-css-cli html-minifier sass
 make build
 ```

@ -14,5 +22,6 @@ make build
 Requires python3.

 ```shell
+npm i -g sass
 make serve
 ```
--- a/build.sh
+++ b/build.sh
@ -4,7 +4,13 @@ BUILDPATH=./build
 mkdir $BUILDPATH

 echo "Copying files..."
-cp -RX ./src/ $BUILDPATH/
+cp -R ./src/* $BUILDPATH/
+
+echo "Compiling..."
+sass --no-source-map ./src/common/nav.scss:./build/common/nav.css
+rm ./build/common/nav.css.map
+rm ./build/common/nav.scss
+rm -rf ./build/common/components

 for file in $( find src -type f -name "*.html"); do
  html-minifier $file --collapse-whitespace --remove-comments --remove-optional-tags --remove-redundant-attributes --remove-script-type-attributes --remove-tag-whitespace --use-short-doctype --minify-css true --minify-js > $BUILDPATH/${file#*src/} &&
@ -23,4 +29,4 @@ done

 wait;

-echo "Build completed"
+echo "Build complete"
--- a/docs/FAQ.md
+++ b/docs/FAQ.md
@ -0,0 +1,93 @@
+# 常见问题
+
+## 与新页面 / 新功能 / 错误反馈相关的问题
+
+### 我找不到我所在地区的健康码模拟，该怎么办？
+
+由于开发能力有限，不太可能逐一满足每个人的需求，所以单独的新项目提议可能会被忽略。有时会在 [Telegram 频道](https://t.me/gh_ilovexjp) 上进行匿名调查，这时为你需要的项目投票即可。
+
+无论你如何反馈，刷屏通常只会带来反效果。
+
+### 为什么健康码模拟和真实的不同？
+
+如果你发现健康码模拟与真实健康码不同，请先检查：
+
+- 是否存在不同平台的版本？有时我们的模拟项目是针对特定平台（微信 / 支付宝 /网页）进行制作，可能与你所使用的平台不同。导航栏在不同操作系统下的显示也可能不相同。
+- 你发现的不同点是否存在于所有人的健康码中？有时你的健康码可能与其他人不同，比如模拟通常会是打过新冠疫苗加强针的健康码，可能会和没有疫苗接种的健康码不同。
+- 你所使用的是否为特定地区的健康码？模拟的健康码通常是依据使用该码的主要城市制作，可能与其它城市有所不同。
+
+如果仍发现模拟健康码的不同之处，你可以到 [Reddit 社区](https://reddit.com/r/ILoveHealthCode) 反馈，或发送邮件至 ilovexjp@protonmail.com。
+
+### 目前项目没有我想要的页面或功能，该向哪里反馈？
+
+这些提议通常都已经有人提出，你可以逛逛 [Reddit 社区](https://reddit.com/r/ILoveHealthCode)。如果没有人提出，可以在置顶贴内分享你的想法。
+
+### 能不能增加黄码/红码功能？
+
+不会增加这个功能。项目的初衷是反抗这个在极权下极端防疫的反科学产物——健康码，而不是推崇、利用它。
+
+### 能不能付费定制功能？
+
+目前不接受付费定制。
+
+## 与使用相关的问题
+
+### iPhone 14 Pro Max 1TB 上怎么用 / 我是华为手机，怎么用 / 小米在哪下 / 有没有 apk 安装包？
+
+本项目只有网页版，请使用浏览器访问网页演示：[ilovexjp.pages.dev](https://ilovexjp.pages.dev)。
+
+### 我打不开网页演示，怎么办？
+
+请检查网络连接（在中国大陆访问通常需要代理）及代理工具。另外可以尝试自行部署或使用信任的人部署的版本。
+
+### 如何全屏使用？
+
+添加至主屏幕（安装 PWA）后就可以全屏使用了。具体的方法因浏览器不同而不同，如 iOS Safari 中，点击下方“共享”按钮，再点击“添加至主屏幕”；Android Chrome / Firefox 中，点击右上角“菜单”按钮，再点击“添加至主屏幕”或“安装”。
+
+### 如何离线使用？
+
+置顶的项目或访问过的项目会自动预加载。预加载完成后会在项目右侧“打勾”，“打勾”的项目在离线时将可以正常使用。
+
+### 使用这个项目会不会上传我输入的数据？
+
+正常情况下，所有的输入数据都只会在本地处理，不会上传。但如果有恶意服务商篡改了网页源码，是有可能收集到你的所有输入的。所以，请选择你信任的服务商，或自行部署。
+
+### 如何清空我输入过的数据？
+
+可以点击目录页下的“清除本地数据”，或在浏览器设置中清除访问数据。
+
+### 使用这个项目会不会被人发现？
+
+会。
+
+### 使用这个项目能不能通过机器扫描？
+
+不能。
+
+### 我下载了源码压缩包，但页面加载出现异常，这是为什么？
+
+请不要直接解压缩源码并打开，源码需要部署在 Web 服务器上。
+
+### 我正在用全面屏的 iPhone，但状态栏上的文字消失了，该怎么办？
+
+请点击项目目录页右上角的“帮助”按钮了解更多。
+
+## 与部署相关的问题
+
+### 我该如何自行部署这个项目？
+
+你需要一台 Web 服务器，或是部署到提供这类服务的平台上。请访问 [Codeberg Releases](https://codeberg.org/ilovexjp/health-code-simulator/releases) 下载最新供部署的 `health-code-simulator.zip` 源码，再将其复制到网站根目录下。如果在部署时遇到问题，请多多利用搜索引擎解决。
+
+### 我自行部署了项目，但有些功能和网页演示中不同，怎么办？
+
+很多功能（预加载、摄像头等）可能需要开启 HTTPS 才能使用，请为服务器配置上 HTTPS 环境。
+
+### 我自行将源码部署到了 Web 服务器上的非根目录下，但目录页面和行程卡的跳转出了问题，该如何修复？
+
+请修改 `common/base.js` 中的 `root_path` 常量，将其调整为健康码模拟在网站中的路径。
+
+## 其它
+
+### 我该如何参与开发？
+
+欢迎你的加入，请通过信任的邮件服务商发送邮件至 ilovexjp@protonmail.com，简要说明一下自己就可以！请在可以保证自身安全的前提下进行，不要透露可定位到个人的信息。
--- a/docs/lib-manual.md
+++ b/docs/lib-manual.md
@ -0,0 +1,213 @@
+# 通用库使用手册
+
+## `base.js`
+
+### `addStorageField`
+
+```javascript
+addStorageField(storage_id, selector, display_name, placeholder, filter = (x) => x)
+```
+
+将页面中元素与 `localStorage` 中的一个键值绑定。绑定的元素内容将与 `localStorage` 中对应的值同步，并为这些元素增加点击事件，引导用户改变该项的值。
+
+- `storage_id: string` 必需，指定 `localStorage` 中存储的键值。
+- `selector: string` 必需，指定要绑定的元素 CSS 选择器。元素将通过 `document.querySelectorAll(selector)` 方法获取。
+- `display_name: string` 必需，显示在弹出提示框中的标题上（“修改 xxx：”）。
+- `placeholder: string` 必需，`localStorage` 中的值未设定时的默认值。
+- `filter: function`：可选，过滤器函数。接收 `localStorage` 中的值为参数，元素的 `innerHTML` 将设置为过滤器返回的内容。默认为 `(x) => x`。
+
+`presetFilters` 提供了一些预设过滤器，如：`presetFilters.name`, `presetFilters.idcard(head = 2, tail = 2, mask = 18 - head - tail)`。
+
+#### 示例
+
+身份证号，只显示前三位和后三位：
+
+```javascript
+addStorageField("_idcard", "#idcard", "身份证号", "110101195306153019", presetFilters.idcard(3, 3))
+```
+
+### `initServiceWorker`
+
+```javascript
+initServiceWorker(project_name)
+```
+
+初始化 Service Worker，用于预加载内容以供离线使用。
+
+- `project_name: string | Array`：必需，一个或多个项目名称，需与项目在 `src/` 中的路径名相同。例如 `"ykm"`，`["ykm", "skm", "trip-card"]`。
+
+### `setDynamicTime`
+
+```javascript
+setDynamicTime(selector, start = 0, end = 19)
+```
+
+设置页面中动态更新的时间，指定元素的内容将定期与最新系统时间同步。格式为 `YYYY-MM-DD HH:mm:ss.SSSZ`，将通过提供的 `start` 及 `end` 截取此字符串。默认更新时间为 `1000ms`，可通过 `setUpdateInterval` 调整。
+
+- `selector: string` 必需，指定要绑定的元素 CSS 选择器。元素将通过 `document.querySelectorAll(selector)` 方法获取。
+- `start: number` 可选，字符串起始下标，默认为 0。
+- `end: number` 可选，字符串截止下标，默认为 19。
+
+### `setStaticTime`
+
+```javascript
+setStaticTime(selector, start = 0, end = 19, traceback_hours = 0, traceback_range = 0, filter = (x) => x)
+```
+
+设置页面中元素的内容为向前推算的静态时间。格式为 `YYYY-MM-DD HH:mm:ss.SSSZ`，将通过提供的 `start` 及 `end` 截取此字符串。
+
+- `selector: string` 必需，指定要绑定的元素 CSS 选择器。元素将通过 `document.querySelectorAll(selector)` 方法获取。
+- `start: number` 可选，字符串起始下标，默认为 0。
+- `end: number` 可选，字符串截止下标，默认为 19。
+- `traceback_hours: number` 可选，向前推算的小时数，默认为 0。
+- `traceback_range: number` 可选，向前推算的随机波动范围小时数，默认为 0。
+- `filter: function`：可选，过滤器函数。接收生成的字符串为参数，元素的 `innerHTML` 将设置为过滤器返回的内容。默认为 `(x) => x`。
+
+最终生成的小时数范围为 `(now - traceback_hours - traceback_range / 2, now - traceback_hours + traceback_range / 2)`。
+
+如果 HTML 标签上指定了 `data-traceback-time` 及 `data-traceback-range`，将依照标签属性的值设定这两项的值。
+
+## `nav.css`
+
+`nav.css` 提供了模拟小程序及应用内浏览器导航栏 UI 的样式，由 `nav.scss` 编译而来。引入 `nav.css` 后，还需在 `html` 文件中加入下面的 HTML。
+
+### `navbar` —— 导航栏
+
+`navbar--wechat`
+
+微信小程序白色导航栏
+
+```html
+<div class="navbar navbar--wechat">
+  <div class="navbar__placeholder"></div>
+  <div class="navbar__inner" style="background: white;">
+    <div class="navbar__left">
+      <div class="navbar__buttons">
+        <div class="navbar__button-goback" onclick="history.back();"></div>
+      </div>
+    </div>
+    <div class="navbar__center">
+      <span>页面标题</span>
+    </div>
+    <div class="navbar__right"></div>
+  </div>
+</div>
+```
+
+`navbar--wechat-alternative`
+
+微信小程序透明背景或深色背景导航栏
+
+```html
+<div class="navbar navbar--wechat-alternative">
+  <div class="navbar__placeholder"></div>
+  <div class="navbar__inner">
+    <div class="navbar__left">
+      <div class="navbar__buttons">
+        <div class="navbar__button-goback" onclick="history.back();"></div>
+      </div>
+    </div>
+    <div class="navbar__center">
+      <span>页面标题</span>
+    </div>
+    <div class="navbar__right"></div>
+  </div>
+</div>
+```
+
+`navbar--wechat-browser`
+
+微信应用内浏览器导航栏
+
+```html
+<div class="navbar navbar--wechat-browser">
+  <div class="navbar__placeholder"></div>
+  <div class="navbar__inner">
+    <div class="navbar__left">
+      <div class="navbar__buttons">
+        <div class="navbar__button-goback" onclick="history.back();"></div>
+      </div>
+    </div>
+    <div class="navbar__center">
+      <span>页面标题</span>
+    </div>
+  </div>
+</div>
+```
+
+`navbar--alipay`
+
+支付宝小程序白色导航栏
+
+```html
+<div class="navbar navbar--alipay">
+  <div class="navbar__placeholder"></div>
+  <div class="navbar__inner">
+    <div class="navbar__title">
+      页面标题
+    </div>
+  </div>
+</div>
+```
+
+`navbar--alipay-alternative`
+
+支付宝小程序透明背景或深色背景导航栏
+
+```html
+<div class="navbar navbar--alipay-alternative">
+  <div class="navbar__placeholder"></div>
+  <div class="navbar__inner">
+    <div class="navbar__title">
+      页面标题
+    </div>
+  </div>
+</div>
+```
+
+### `capsule` —— 小程序右上角“胶囊”按钮
+
+`capsule--wechat` 微信小程序右上角按钮：
+```html
+<div class="capsule capsule--wechat" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="32" cy="14" r="9.5"/>
+    <circle cx="54" cy="14" r="6"/>
+    <circle cx="10" cy="14" r="6"/>
+  </svg>
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="30" cy="30" r="9"/>
+    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent"/>
+  </svg>
+</div>
+```
+
+`capsule--alipay`
+
+支付宝小程序右上角按钮
+
+```html
+<div class="capsule capsule--alipay" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="32" cy="14" r="6" />
+    <circle cx="54" cy="14" r="6" />
+    <circle cx="10" cy="14" r="6" />
+  </svg>
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+    <line x1="21" y1="21" x2="39" y2="39" stroke-width="5" />
+    <line x1="39" y1="21" x2="21" y2="39" stroke-width="5" />
+    <circle cx="30" cy="30" r="24" stroke-width="5" fill="transparent" />
+  </svg>
+</div>
+```
+
+`capsule--alternative`
+
+透明背景或深色背景右上角按钮，可与 `capsule--wechat` 和 `capsule--alipay` 搭配。
+
+```html
+<div class="capsule capsule--wechat capsule--alternative">...</div>
+<div class="capsule capsule--alipay capsule--alternative">...</div>
+```
--- a/makeassets.sh
+++ b/makeassets.sh
@ -2,12 +2,12 @@ cd src

 printf "assets={"
 printf "\"root\":[\"./\","
-find . -maxdepth 1 -type f -not -path '*/.*' -not -path './service-worker.js' | xargs printf "\"%s\"," "$@"
+find . -maxdepth 1 -type f -not -path "*/.*" -not -path "./service-worker.js" | xargs printf "\"%s\"," "$@"
 printf "],"
 for DIR in $(find . -type d -mindepth 1 -maxdepth 1); do
  printf "\""${DIR#*./}"\":["
  printf "\"%s/\"," "${DIR#*./}"
-  find $DIR -type f -not -path '*/.*' | xargs printf "\"%s\"," "$@"
+  find $DIR -type f -not -path "*/.*" -not -name "*.scss" -not -name "*.css.map" | xargs printf "\"%s\"," "$@"
  # find $DIR -type d -not -path '*/.*' | xargs printf "\"%s/\"," "$@"
  printf "],"
 done
--- a/src/app.js
+++ b/src/app.js
@ -151,7 +151,18 @@ const apps = {
    help_text:
      "<p>点击地点名称、姓名、证件号可以修改对应信息；</p><p>点击核酸检测时间可以切换小时数；</p><p>点击“已采样”可以切换今日是否采样。</p>",
    menu: [{ title: "场所", icon: "place", link: "shaanxi-hc/checkin.html" }],
-  }
+  },
+  "chongqing-hc": {
+    title: "渝康码",
+    icon: "chongqing-hc/static/logo.png",
+    link: "chongqing-hc/index.html",
+    color: "#f5aa06",
+    help_text: "<p>点击地点名称、姓名、证件号可以修改对应信息；</p><p>点击二维码可以切换至重庆市“场所码”。</p>",
+    menu: [
+      { title: "场所", icon: "place", link: "chongqing-hc/checkin.html" },
+      { title: "核酸", icon: "vaccines", link: "chongqing-hc/detail.html" },
+    ]
+  },
 };

 function onIconFail(t) {
--- a/src/chongqing-hc/app.css
+++ b/src/chongqing-hc/app.css
@ -0,0 +1,786 @@
+view {
+  display: block;
+  box-sizing: border-box;
+}
+
+body {
+  height: 100vh;
+  margin: 0;
+  font-family: "PingFang SC", sans-serif;
+}
+
+.light-code {
+  height: 100vh;
+}
+
+.yk_code_report {
+  font-size: 4.667vw;
+  height: calc(100% - 64.533vw);
+  margin: 0 auto;
+  padding-top: 8vw;
+  width: 88%;
+}
+
+.report_tips_show {
+  margin-bottom: 6.4vw;
+  margin-top: 16vw;
+  text-align: center;
+}
+
+.report_tips_title {
+  color: #000;
+  display: flex;
+  flex-direction: column;
+  font-size: 6.4vw;
+  font-weight: 700;
+  line-height: 7.467vw;
+  margin-top: 5.6vw;
+  text-align: center;
+}
+
+.yk_code_report button {
+  width: 100%;
+}
+
+.report_tips_image {
+  width: 43.2vw;
+}
+
+.report_tips_getcode {
+  margin-top: 0.8vw;
+}
+
+.report_tips_info {
+  color: #999;
+  display: flex;
+  margin-top: 2vw;
+}
+
+.report_tips_info_text {
+  color: #999;
+  font-size: 3.733vw;
+  letter-spacing: 0;
+  margin-left: 2vw;
+  margin-top: 1.067vw;
+}
+
+.light-code-container {
+  min-height: calc(100vh - 23.467vw);
+}
+
+.top {
+  background-image: url("https://static-1300672061.file.myqcloud.com/cos/code_background.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+
+.top_bg_mine {
+  background-image: url("./static/mine_code_background.png") !important;
+}
+
+.top_bg_other {
+  background-image: url("https://static-1300672061.file.myqcloud.com/ykm_home_v3_static/other_code_background.png") !important;
+}
+
+.top-tip {
+  background: #f3f7ff;
+  color: #3c90f5;
+  font-size: 3.2vw;
+  height: 6.4vw;
+  line-height: 6.4vw;
+  opacity: .8;
+  text-align: center;
+}
+
+.top-info {
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 5.333vw;
+  padding: 0 5.333vw;
+}
+
+.top-info,
+.top-info-name {
+  align-items: center;
+}
+
+.top-info-name {
+  color: #fff;
+  display: inline-flex;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-size: 5.333vw;
+  font-weight: 500;
+  height: 7.467vw;
+  line-height: 7.467vw;
+}
+
+.top-info-name-icon {
+  height: 5.333vw;
+  margin-left: 2.133vw;
+  width: 5.333vw;
+}
+
+.top-info-exchange {
+  background: #eaf3ff;
+  border-radius: 4px;
+  box-sizing: border-box;
+  color: #4e95fe;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 3.733vw;
+  font-weight: 400;
+  height: 7.467vw;
+  line-height: 7.467vw;
+  padding: 0 3.467vw;
+}
+
+.code-area {
+  position: relative;
+}
+
+.wyss_btn {
+  align-items: center;
+  background: linear-gradient(138deg, #fab71a 11%, #f8dc88 77%);
+  border-radius: 1.067vw 0 0 1.067vw;
+  box-shadow: -1px 4px 8px 1px rgba(43, 17, 7, .88), inset 1px 1px 1px 1px hsla(0, 0%, 100%, .72);
+  color: #8b3003;
+  display: flex;
+  flex-direction: column;
+  font-family: PingFang SC-Semibold, PingFang SC;
+  font-size: 3.733vw;
+  font-weight: 600;
+  justify-content: center;
+  padding: 1.333vw 3.733vw 1.333vw 2.667vw;
+  position: absolute;
+  right: 0;
+  text-shadow: 1px 1px 0 #fdedd3;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.code-container {
+  border-radius: 1.067vw;
+  box-sizing: border-box;
+  height: 59.733vw;
+  margin: 7.467vw auto 2.667vw;
+  padding: 1.867vw;
+  position: relative;
+  width: 59.733vw;
+}
+
+.golden_border {
+  border-radius: 0.533vw;
+  overflow: hidden;
+  z-index: 1;
+}
+
+.golden_border,
+.golden_border::after {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+
+.golden_border::after {
+  border: 12px solid;
+  border-image: linear-gradient(119deg, #d89231, #f5b32d, #f7e5ad, #f6c255, #fcd54d, #e08660) 6 6;
+  box-sizing: border-box;
+  content: "";
+  display: block;
+}
+
+.vaccines_done {
+  background-image: url("./static/qrcode_golden_shield.png");
+  background-position: 50%;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  height: 12.8vw;
+  left: -5.6vw;
+  top: -2.133vw;
+  width: 10.667vw;
+}
+
+.code-box,
+.vaccines_done {
+  position: absolute;
+  z-index: 999;
+}
+
+.code-box {
+  border-radius: 0.533vw;
+  height: 57.067vw;
+  left: 50%;
+  overflow: hidden;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 57.067vw;
+}
+
+.code-cantconfirm {
+  background-image: url("https://static-1300672061.file.myqcloud.com/ykm_home_v3_static/none_code.png");
+  background-position: 50%;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+
+.cantconfirm_content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  justify-content: center;
+  position: absolute;
+  width: 100%;
+  z-index: 2;
+}
+
+.cantconfirm_t1 {
+  font-size: 5.333vw;
+  font-weight: 600;
+}
+
+.cantconfirm_t1,
+.cantconfirm_t2 {
+  color: #4186ed;
+  font-family: PingFang SC-Semibold, PingFang SC;
+  text-align: center;
+}
+
+.cantconfirm_t2 {
+  font-size: 3.2vw;
+  font-weight: 500;
+  margin-top: 2.667vw;
+}
+
+.cantconfirm_btn {
+  background: #fab71a;
+  background: linear-gradient(180deg, #fab71a, #e99611);
+  border-radius: 6.4vw;
+  box-shadow: 0 8px 8px 1px rgba(87, 37, 16, .48), inset 0 2px 2px 1px hsla(0, 0%, 100%, .72);
+  color: #fff;
+  display: inline-block;
+  font-family: PingFang SC-Semibold, PingFang SC;
+  font-size: 4.533vw;
+  font-weight: 600;
+  height: 8.533vw;
+  line-height: 8.533vw;
+  margin: 5.333vw 4.267vw;
+  text-align: center;
+}
+
+.code-unreport {
+  background-image: url("https://static-1300672061.file.myqcloud.com/ykm_home_v3_static/none_code.png");
+  background-position: 50%;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+
+.unreport_content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  justify-content: center;
+  position: absolute;
+  width: 100%;
+  z-index: 2;
+}
+
+.unreport_t1 {
+  font-size: 5.333vw;
+  font-weight: 600;
+}
+
+.unreport_t1,
+.unreport_t2 {
+  color: #4186ed;
+  font-family: PingFang SC-Semibold, PingFang SC;
+  text-align: center;
+}
+
+.unreport_t2 {
+  font-size: 3.2vw;
+  font-weight: 500;
+  margin-top: 2.667vw;
+}
+
+.unreport_btn {
+  background: #2469bb;
+  background: linear-gradient(179deg, #4890f7, #2b65f6);
+  border-radius: 6.4vw;
+  box-shadow: 0 8px 8px 1px rgba(6, 20, 90, .48), inset 0 1px 2px 1px hsla(0, 0%, 100%, .72);
+  color: #fff;
+  display: inline-block;
+  font-family: PingFang SC-Semibold, PingFang SC;
+  font-size: 4.533vw;
+  font-weight: 600;
+  height: 8.533vw;
+  line-height: 8.533vw;
+  margin: 5.333vw 4.267vw;
+  text-align: center;
+}
+
+.code-refresh {
+  background-image: url("https://static-1300672061.file.myqcloud.com/ykm_home_v3_static/none_code.png");
+  background-position: 50%;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+
+.refresh_content {
+  background: #fff;
+  color: #333;
+  display: flex;
+  flex-direction: column;
+  font-size: 4vw;
+  height: 100%;
+  justify-content: center;
+  overflow: hidden;
+  position: absolute;
+  width: 100%;
+  z-index: 2;
+}
+
+.refresh_image {
+  height: 10.667vw;
+  margin-bottom: 1.333vw;
+  text-align: center;
+  width: 100%;
+}
+
+.refresh_image>img {
+  height: 10.667vw;
+  width: 10.667vw;
+}
+
+.refresh_text {
+  text-align: center;
+}
+
+.code_qrcode {
+  background: #fff;
+  overflow: hidden;
+}
+
+.code_self {
+  background-blend-mode: lighten;
+  background-origin: center;
+  background-position: 50%;
+  background-repeat: no-repeat;
+  background-size: cover;
+  height: 59.2vw;
+  margin-left: -1.067vw;
+  margin-top: -1.067vw;
+  width: 59.2vw;
+}
+
+.code-state {
+  border-radius: 0.533vw;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-size: 4.533vw;
+  font-weight: 600;
+  height: 7.467vw;
+  line-height: 7.467vw;
+  margin: 2.667vw auto 5.333vw;
+  text-align: center;
+  width: 56vw;
+}
+
+.code-state__green {
+  background: #e5f4e9;
+  color: #03992c;
+}
+
+.code-state__yellow {
+  background: #fefaef;
+  color: #ffbb06;
+}
+
+.code-state__red {
+  background: #ffe4e3;
+  color: #fa2b26;
+}
+
+.code-warming {
+  background: linear-gradient(138deg, #fab71a 11%, #f8dc88 77%);
+  border-radius: 0.533vw;
+  box-sizing: border-box;
+  color: #8b3003;
+  font-family: PingFang SC-Regular, PingFang SC;
+  font-size: 3.733vw;
+  font-weight: 400;
+  margin-left: 5.333vw;
+  padding: 2.667vw;
+  width: calc(100% - 10.667vw);
+}
+
+.code-bottom {
+  border-top: 0.267vw solid hsla(0, 0%, 100%, .24);
+  display: flex;
+  height: 12.533vw;
+  justify-content: space-between;
+  line-height: 10.667vw;
+  margin: 5.333vw auto 0;
+  padding: 0.8vw;
+  width: calc(100% - 10.667vw);
+}
+
+.code-timer {
+  color: #fff;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 4vw;
+  font-weight: 500;
+  line-height: 10.667vw;
+}
+
+.code-timer>.bigger {
+  font-size: 7.467vw !important;
+  font-weight: 500 !important;
+}
+
+.code-report {
+  color: #fff;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 12px;
+  font-weight: 400;
+  height: 10.667vw;
+  line-height: 10.667vw;
+  padding-left: 5.333vw;
+  position: relative;
+}
+
+.code-report::after {
+  border-color: #fff #fff hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0);
+  border-style: solid;
+  border-width: 0.267vw;
+  content: "";
+  display: inline-block;
+  height: 1.6vw;
+  margin-left: 1.067vw;
+  transform: rotate(45deg);
+  width: 1.6vw;
+}
+
+.middle {
+  padding: 5.333vw 5.333vw 4vw;
+}
+
+.blocks,
+.middle {
+  display: flex;
+}
+
+.blocks {
+  padding: 5.333vw;
+}
+
+.block-item {
+  border: 0.267vw solid #eaeaeb;
+  border-radius: 1.333vw;
+  box-sizing: border-box;
+  overflow: hidden;
+  width: calc(50% - 2vw);
+}
+
+.nucleic-block__active {
+  background: rgba(149, 212, 166, .2) !important;
+  border: 0.267vw solid #c3e7cc !important;
+}
+
+.vaccines-block__active {
+  border: 0.267vw solid #d0e4fd !important;
+}
+
+.nucleic-block {
+  margin-right: 2vw;
+}
+
+.vaccines-block {
+  margin-left: 2vw;
+}
+
+.block-title {
+  align-items: center;
+  color: #7a7a7a;
+  display: flex;
+  flex-wrap: nowrap;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 4.267vw;
+  font-weight: 400;
+  justify-content: center;
+  line-height: 4.267vw;
+  padding: 4vw 2.4vw;
+  position: relative;
+  text-align: center;
+}
+
+.block-title::before {
+  background-image: url("https://static-1300672061.file.myqcloud.com/ykm_home_v3_static/icon_warming_info.png");
+  background-position: 50%;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  border-radius: 100%;
+  content: "";
+  display: inline-block;
+  height: 4.267vw;
+  margin-right: 1.6vw;
+  width: 4.267vw;
+}
+
+.block-title::after {
+  border-color: #000;
+  border-radius: 0.267vw;
+  border-style: solid;
+  border-width: 0.267vw 0.267vw 0 0;
+  box-sizing: border-box;
+  content: "";
+  display: inline-block;
+  height: 2.133vw;
+  margin-left: 2.667vw;
+  transform: rotate(45deg);
+  width: 2.133vw;
+}
+
+.nucleic-block__active>.block-title::before {
+  background-image: url("./static/icon_nucleic_active.png") !important;
+}
+
+.vaccines-block__active>.block-title::before {
+  background-image: url("./static/icon_vicc_active.png") !important;
+}
+
+.block-loading {
+  color: #999;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-size: 3.733vw;
+  font-weight: 600;
+  height: 5.867vw;
+  line-height: 5.867vw;
+  padding-bottom: 7.467vw;
+  text-align: center;
+}
+
+.block-container {
+  display: flex;
+  justify-content: center;
+  padding-bottom: 6.4vw;
+}
+
+.block-number {
+  font-family: DIN Alternate-Bold, DIN Alternate;
+  font-size: 12.8vw;
+  font-weight: 700;
+  height: 12.8vw;
+  line-height: 12.8vw;
+}
+
+.nucleic-block__active>.block-container>.block-number {
+  color: #04992c;
+}
+
+.vaccines-block__active>.block-container>.block-number {
+  color: #333;
+}
+
+.block-des {
+  height: 12.8vw;
+  padding-left: 1.6vw;
+}
+
+.block-des-item {
+  color: #04992c;
+  font-family: PingFang SC-Medium, PingFang SC;
+  font-size: 3.733vw;
+  font-weight: 500;
+  height: 6.4vw;
+  line-height: 6.4vw;
+}
+
+.nucleic-block__active>.block-container>.block-des>.block-des-item {
+  color: #04992c;
+}
+
+.vaccines-block__active>.block-container>.block-des>.block-des-item {
+  color: #333;
+}
+
+.block-none {
+  height: 12.8vw;
+  width: 100%;
+}
+
+.order-time-sty {
+  background: rgba(52, 120, 246, .1);
+  color: #3478f6;
+  font-family: PingFang SC-Medium, PingFang SC;
+  font-size: 3.2vw;
+  font-weight: 500;
+  height: 7.467vw;
+  line-height: 7.467vw;
+  margin-top: 1.333vw;
+  text-align: center;
+  width: 100%;
+}
+
+.block-none-des {
+  color: #999;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-size: 3.733vw;
+  font-weight: 600;
+  height: 6.4vw;
+  line-height: 6.4vw;
+  text-align: center;
+  width: 100%;
+}
+
+.bottom {
+  border: 0.133vw solid #e4e5e8;
+  border-radius: 1.333vw;
+  margin: 0 5.333vw 5.333vw;
+  padding: 2.667vw;
+  width: cacl(100% - 10.667vw);
+}
+
+.bottom,
+.bt-item {
+  display: flex;
+}
+
+.bt-item {
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  width: 33.33%;
+}
+
+.bt-item-icon {
+  background-size: 100% 100%;
+  height: 12.8vw;
+  width: 12.8vw;
+}
+
+.bt_item_icon_chagnsuoma {
+  background-image: url("./static/icon_changsuoma.png");
+}
+
+.bt_item_icon_xingcengma {
+  background-image: url("./static/icon_xingcengma.png");
+}
+
+.bt_item_icon_yiwen {
+  background-image: url("./static/icon_yiwen.png");
+}
+
+.bt-item-text {
+  color: #000;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 3.733vw;
+  font-weight: 400;
+  height: 5.333vw;
+  line-height: 5.333vw;
+}
+
+.demo-class {
+  background-color: #04992c;
+  color: red;
+}
+
+.pop-container {
+  background-color: #f0f2f4;
+  width: 100%;
+}
+
+.pop-header {
+  align-items: center;
+  background: #fff;
+  border-radius: 16px 16px 0 0;
+  box-sizing: border-box;
+  display: flex;
+  height: 12.8vw;
+  justify-content: space-between;
+  line-height: 12.8vw;
+  padding: 0 3.2vw;
+}
+
+.pop-header-text {
+  color: #000;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-size: 4.267vw;
+  font-weight: 600;
+}
+
+.pop-header-close {
+  background-image: url("https://static-1300672061.file.myqcloud.com/ykm_home_v3_static/light_code_pop_close.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  height: 6.4vw;
+  width: 6.4vw;
+}
+
+.pop-content {
+  height: 68.267vw;
+  overflow: auto;
+  padding: 0 3.2vw;
+}
+
+.pop-content__none {
+  align-items: center;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  height: 68.267vw;
+  overflow: hidden;
+  padding: 0 3.2vw;
+}
+
+.others_codes_none {
+  margin: 8vw auto 2.667vw;
+  width: 48%;
+}
+
+.others_codes_none_myname {
+  color: #000;
+  text-align: left;
+  width: 100%;
+}
+
+.others_codes_none_myname,
+.others_codes_none_tips {
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 4.267vw;
+  font-weight: 400;
+}
+
+.others_codes_none_tips {
+  color: #7a7a7a;
+}
+
+.pop-item {
+  background: #fff;
+  border: 0.267vw solid #fff;
+  border-radius: 1.067vw;
+  box-sizing: border-box;
+  color: #000;
+  height: 14.4vw;
+  line-height: 14.4vw;
+  margin-top: 2.667vw;
+  padding: 0 5.333vw;
+  width: 100%;
+}
+
+.pop-item_active {
+  background: #f2f8ff !important;
+  border: 0.267vw solid #4293f4 !important;
+  color: #4293f4 !important;
+}
+
+.pop-bottom,
+.pop-bottom-whitebg {
+  box-sizing: border-box;
+  padding: 5.333vw 6.4vw 8vw;
+  width: 100%;
+}
+
+.pop-bottom-whitebg {
+  background: #fff;
+}
--- a/src/chongqing-hc/checkin.css
+++ b/src/chongqing-hc/checkin.css
@ -0,0 +1,393 @@
+view {
+  display: block;
+  box-sizing: border-box;
+}
+
+body {
+  height: 100vh;
+  margin: 0;
+  font-family: "PingFang SC", sans-serif;
+}
+
+/* .code-box,
+body {
+  overflow: hidden;
+} */
+
+.code-warp {
+  background: #238bff url("./static/resultBackground2.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  overflow-y: auto;
+  position: relative;
+}
+
+.code-center {
+  position: relative;
+  width: 100vw;
+}
+
+.backgroundImage {
+  height: 42.267vw;
+  position: absolute;
+  width: 100vw;
+}
+
+.code-info {
+  height: 125.333vw;
+  left: 50%;
+  position: absolute;
+  top: 2.667vw;
+  transform: translateX(-50%);
+  width: 91.6vw;
+  z-index: 2;
+}
+
+.sacn-info {
+  margin-left: 6.4vw;
+  margin-right: 6.4vw;
+  padding-bottom: 8vw;
+}
+
+.sac-info-title {
+  color: #333;
+  font-size: 6.4vw;
+  font-weight: 500;
+  height: 6.4vw;
+  line-height: 6.4vw;
+  margin-bottom: 5.333vw;
+  text-align: left;
+}
+
+.messageBox {
+  width: 100%;
+}
+
+.messageList {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin: 3.733vw auto;
+}
+
+.messageLeft {
+  color: #7a7a7a;
+  flex: 0 0 24vw;
+}
+
+.messageIcon,
+.messageLeft {
+  font-size: 4.267vw;
+  line-height: 6.133vw;
+}
+
+.messageIcon {
+  flex: 1;
+  padding-left: 4vw;
+  text-align: right;
+}
+
+.messageIcon img {
+  height: 6.133vw;
+  margin-left: 3.733vw;
+  vertical-align: top;
+  width: 4.267vw;
+}
+
+.margin-right-one {
+  margin-right: 8vw;
+}
+
+.title {
+  color: #000;
+  font-size: 6.4vw;
+  line-height: 6.4vw;
+  padding: 5.333vw 0 2.133vw 6.4vw;
+  text-align: left;
+}
+
+.desc {
+  color: #7a7a7a;
+  font-size: 3.733vw;
+  font-weight: 400;
+  line-height: 4.267vw;
+  padding: 2.667vw 0 8.533vw 6.4vw;
+}
+
+.code-type {
+  width: 100%;
+}
+
+.code-image {
+  height: 38.4vw;
+  margin: 3.733vw auto 0;
+  width: 38.4vw;
+}
+
+.code-image img {
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+  animation-name: scaleDraw;
+  animation-timing-function: ease-in-out;
+  display: block;
+  height: 32vw;
+  margin: 0 auto;
+  width: 32vw;
+}
+
+.code-text {
+  font-size: 6.4vw;
+  font-weight: 500;
+  height: 7.467vw;
+  line-height: 7.467vw;
+  padding-bottom: 10.133vw;
+  text-align: center;
+}
+
+.greenCollor {
+  color: #26a764;
+}
+
+.redCollor {
+  color: #f52012;
+}
+
+.yellowCollor {
+  color: #eeac12;
+}
+
+.is-indeterminacy {
+  color: #000;
+}
+
+@-webkit-keyframes scaleDraw {
+  0% {
+    transform: scale(1);
+  }
+
+  25% {
+    transform: scale(1.1);
+  }
+
+  50% {
+    transform: scale(1);
+  }
+
+  75% {
+    transform: scale(1.1);
+  }
+}
+
+@keyframes scaleDraw {
+  0% {
+    transform: scale(1);
+  }
+
+  25% {
+    transform: scale(1.1);
+  }
+
+  50% {
+    transform: scale(1);
+  }
+
+  75% {
+    transform: scale(1.1);
+  }
+}
+
+.code-fail {
+  background: #fff;
+  border-radius: 0 0 3.2vw 3.2vw;
+  margin-bottom: 8vw;
+}
+
+.code-fail-text {
+  color: #999;
+  font-size: 4.267vw;
+  margin-left: 6.667vw;
+  margin-right: 6.667vw;
+  margin-top: 8vw;
+  padding-bottom: 24vw;
+  text-align: center;
+}
+
+.codePlaceInfo {
+  background: #fff;
+  border-radius: 3.2vw 3.2vw 0 0;
+}
+
+.codePlaceName {
+  color: #333;
+  font-family: "PingFang SC", sans-serif;
+  font-size: 6.4vw;
+  font-weight: 600;
+  line-height: 6.4vw;
+  padding: 6.933vw 0 0 6.4vw;
+}
+
+.codePlaceArea {
+  color: #333;
+  font-size: 4.267vw;
+  line-height: 4.267vw;
+  margin: 5.333vw 0 0 6.4vw;
+}
+
+.codePlaceDetails {
+  color: #7c8086;
+  font-size: 3.733vw;
+  line-height: 3.733vw;
+  padding: 1.867vw 0 5.067vw 6.4vw;
+}
+
+.line-image {
+  height: 4.267vw;
+  width: 91.6vw;
+}
+
+.line-image img {
+  height: 100%;
+  width: 100%;
+}
+
+.code-success {
+  background: #fff;
+  border-radius: 0 0 3.2vw 3.2vw;
+  margin-bottom: 8vw;
+  position: relative;
+}
+
+.shensu {
+  background: #fff;
+  border: 0.133vw solid #ebebeb;
+  border-radius: 1.867vw;
+  color: #666;
+  margin: 2.667vw auto 8vw;
+  padding: 0.667vw 2.667vw;
+  text-align: center;
+  width: 18.667vw;
+}
+
+.paddingB {
+  padding-bottom: 0 !important;
+}
+
+.quickly-btn {
+  background-color: #fff;
+  bottom: 0;
+  box-shadow: 0 -6px 8px 0 rgba(142, 155, 170, .24);
+  box-sizing: border-box;
+  display: flex;
+  height: 26.667vw;
+  justify-content: space-between;
+  left: 0;
+  padding: 5.333vw 6.4vw 0;
+  position: fixed;
+  width: 100%;
+  z-index: 1000;
+}
+
+.order-time-sty {
+  background: rgba(52, 120, 246, .1);
+  border-bottom-left-radius: 1.6vw;
+  color: #3478f6;
+  font-family: "PingFang SC", sans-serif;
+  font-size: 3.2vw;
+  font-weight: 500;
+  height: 7.467vw;
+  line-height: 7.467vw;
+  margin-top: 1.333vw;
+  text-align: center;
+  width: 100%;
+}
+
+.quickly-btn .btn-style {
+  border-radius: 4px;
+  color: #fff;
+  font-family: "PingFang SC", sans-serif;
+  font-size: 18px;
+  font-weight: 600;
+  height: 12.8vw;
+  line-height: 12.8vw;
+  text-align: center;
+  width: 40.267vw;
+}
+
+.nucleic_48 {
+  align-items: center;
+  background: #edf7f2;
+  border-bottom-left-radius: 1.6vw;
+  border-top-left-radius: 1.6vw;
+  box-shadow: 0vw 1.6vw 4.267vw 0vw rgba(4, 43, 0, .24);
+  box-sizing: border-box;
+  display: flex;
+  flex-wrap: nowrap;
+  height: 16vw;
+  padding: 2.667vw 2.667vw 2.667vw 4vw;
+  position: absolute;
+  right: 0;
+  top: 4.267vw;
+}
+
+.nucleic_48_icon1 {
+  background-image: url("./static/nucleic_in48_icon2.png");
+  height: 9.6vw;
+  left: -3.733vw;
+  position: absolute;
+  top: -3.733vw;
+  width: 9.6vw;
+}
+
+.nucleic_48_icon1,
+.nucleic_48_icon2 {
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+
+.nucleic_48_icon2 {
+  background-image: url("./static/nucleic_in48_icon1.png");
+  height: 3.733vw;
+  width: 3.733vw;
+}
+
+.nucleic_48_t1 {
+  color: #04992c;
+  font-family: DIN Alternate-Bold, DIN Alternate;
+  font-size: 12.8vw;
+  font-weight: 600;
+  height: 10.667vw;
+  line-height: 10.667vw;
+}
+
+.nucleic_48_t2 {
+  color: #04992c;
+  font-family: "PingFang SC", sans-serif;
+  font-size: 3.733vw;
+  font-weight: 500;
+  height: 9.067vw;
+  line-height: 4.533vw;
+  margin: 0vw 1.333vw;
+}
+
+.nucleic_none {
+  background: #f6f6f6;
+  border-bottom-left-radius: 1.6vw;
+  border-top-left-radius: 1.6vw;
+  box-shadow: 0vw 1.6vw 4.267vw 0vw rgba(0, 0, 0, .24);
+  box-sizing: border-box;
+  padding-top: 2.667vw;
+  position: absolute;
+  right: 0;
+  top: 4.267vw;
+  width: 33.333vw;
+}
+
+.nucleic_none_t1 {
+  color: #7a7a7a;
+  font-family: "PingFang SC", sans-serif;
+  font-size: 3.733vw;
+  font-weight: 500;
+  height: 5.333vw;
+  line-height: 5.333vw;
+  padding-left: 2.667vw;
+}
--- a/src/chongqing-hc/checkin.html
+++ b/src/chongqing-hc/checkin.html
@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<title>重庆市“场所码”</title>
+<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+<meta name="viewport"
+  content="width=device-width,height=device-height,viewport-fit=cover,initial-scale=1,maximum-scale=1,user-scalable=0">
+<meta name="theme-color" content="#368CF5">
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+<link rel="manifest" href="manifest.json">
+<link rel="icon" type="image/png" href="./static/logo.png">
+<link rel="apple-touch-icon" sizes="64x64" href="./static/logo.png">
+<link rel="stylesheet" href="checkin.css">
+<link rel="stylesheet" href="../common/nav.css">
+<script src="../common/base.js"></script>
+
+<div class="capsule capsule--wechat" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="32" cy="14" r="9.5" />
+    <circle cx="54" cy="14" r="6" />
+    <circle cx="10" cy="14" r="6" />
+  </svg>
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="30" cy="30" r="9" />
+    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
+  </svg>
+</div>
+
+<view class="code-box" style="height: 100vh;">
+  <view class="code-warp" style="height: 100%;">
+    <view class="titleBar" style="position: relative; z-index: 10;">
+      <div class="navbar navbar--wechat-alternative">
+        <div class="navbar__placeholder"></div>
+        <div class="navbar__inner">
+          <div class="navbar__left">
+            <div class="navbar__buttons">
+              <div class="navbar__button-goback" onclick="history.back();"></div>
+            </div>
+          </div>
+          <div class="navbar__center">
+            <span>重庆市“场所码”</span>
+          </div>
+          <div class="navbar__right"></div>
+        </div>
+      </div>
+    </view>
+    <view class="code-center">
+      <view class="code-info">
+        <view class="codePlaceInfo">
+          <view class="codePlaceName"></view>
+          <view class="codePlaceArea"></view>
+          <view class="codePlaceDetails"></view>
+        </view>
+        <view class="line-image">
+          <image src="./static/line-result.png"></image>
+        </view>
+        <view></view>
+        <view class="code-success" style="padding-bottom: 26.667vw;">
+          <view class="title">扫码结果</view>
+          <view class="desc"></view>
+          <view class="code-type">
+            <view class="code-image">
+              <image src="./static/lvma-icon.svg">
+              </image>
+            </view>
+            <view class="code-text greenCollor">
+              绿码
+            </view>
+          </view>
+          <view class="sacn-info" style="margin-top: 8vw;">
+            <view class="sac-info-title">扫码用户信息</view>
+            <view class="messageBox">
+              <view class="messageList">
+                <view class="messageLeft">姓名</view>
+                <view class="messageIcon">
+                  <span id="masked-name"></span>
+                  <span id="name"></span>
+                  <image class="toggle-mask-button" src="./static/password-btn.svg" data-for="name"></image>
+                </view>
+              </view>
+              <view class="messageList">
+                <view class="messageLeft">手机号码</view>
+                <view class="messageIcon">
+                  <span id="masked-phone"></span>
+                  <span id="phone"></span>
+                  <image class="toggle-mask-button" src="./static/password-btn.svg" data-for="phone"></image>
+                </view>
+              </view>
+              <view class="messageList">
+                <view class="messageLeft">证件号码</view>
+                <view class="messageIcon">
+                  <span id="masked-idcard"></span>
+                  <span id="idcard"></span>
+                  <image class="toggle-mask-button" src="./static/password-btn.svg" data-for="idcard"></image>
+                </view>
+              </view>
+            </view>
+          </view>
+          <view onclick="window.location.href = 'detail.html';" class="nucleic_48">
+            <view class="nucleic_48_icon1"></view>
+            <view class="nucleic_48_t1">24</view>
+            <view class="nucleic_48_t2">
+              <view>小时内</view>
+              <view>阴性</view>
+            </view>
+            <view class="nucleic_48_icon2"></view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="quickly-btn">
+      <view onclick="window.location.href = 'index.html';" class="btn-style" style="background-color: #2CBF86;">返回渝康码首页</view>
+      <view onclick="navigateToTripCard();" class="btn-style" style="background-color: #4293F4;">出示通信行程卡</view>
+    </view>
+  </view>
+  <!-- <custompopup id="lightcodecustompopup"></custompopup>
+  <intercqpopup id="interCQTips"></intercqpopup>
+  <cqnucleictips id="cqnucleictips"></cqnucleictips> -->
+</view>
+<script>
+  addStorageField("_place", ".codePlaceName", "场所名称", "朝天门");
+  addStorageField("_place_district", ".codePlaceArea", "场所行政区划", "重庆市/渝中区");
+  addStorageField("_place_address", ".codePlaceDetails", "场所详细地址", "朝千路1号重庆朝天门广场");
+
+  addStorageField("_name", "#masked-name", "名字", "习近平", presetFilters.lastcharonly);
+  addStorageField("_name", "#name", "名字", "习近平");
+  addStorageField("_phone", "#masked-phone", "手机号码", "13019890604", presetFilters.phone());
+  addStorageField("_phone", "#phone", "手机号码", "13019890604");
+  addStorageField("_idcard", "#masked-idcard", "身份证号", "110101195306153019", presetFilters.idcard(6, 4));
+  addStorageField("_idcard", "#idcard", "身份证号", "110101195306153019");
+
+  setStaticTime(".desc");
+
+  document.querySelectorAll(".toggle-mask-button").forEach((element) => {
+    element.setAttribute("data-show", "hide");
+    const masked_target = document.getElementById("masked-" + element.attributes["data-for"].value);
+    const target = document.getElementById(element.attributes["data-for"].value);
+    masked_target.style.display = "inline";
+    target.style.display = "none";
+    element.addEventListener("click", () => {
+      const show = element.attributes["data-show"].value == "show";
+      masked_target.style.display = show ? "inline" : "none";
+      target.style.display = show ? "none" : "inline";
+      element.attributes["data-show"].value = show ? "hide" : "show";
+      element.attributes["src"].value = show ? "./static/password-btn.svg" : "./static/password-btn2.svg"
+    });
+  });
+
+  initServiceWorker("chongqing-hc");
+</script>
--- a/src/chongqing-hc/detail.css
+++ b/src/chongqing-hc/detail.css
@ -0,0 +1,151 @@
+view {
+  display: block;
+  box-sizing: border-box;
+}
+
+body {
+  height: 100vh;
+  margin: 0;
+  font-family: "PingFang SC", sans-serif;
+}
+
+.user-message {
+  display: flex;
+  margin: 5.333vw 4vw 0;
+  width: 92vw;
+}
+
+.user-message-content {
+  flex: 1;
+}
+
+.user-message-icon {
+  flex: 0 0 10.667vw;
+  margin: 2.667vw 4vw 0 2.667vw;
+}
+
+.user-message-icon-image {
+  height: 10.667vw;
+  margin: 0 auto;
+  width: 10.667vw;
+}
+
+.user-message-icon-image img {
+  height: 100%;
+  width: 100%;
+}
+
+.user-message-icon-text {
+  font-size: 3.733vw;
+  line-height: 6.4vw;
+  text-align: center;
+}
+
+.color-pass {
+  color: #4fd965;
+}
+
+.color-waring {
+  color: #fd6d6d;
+}
+
+.user-message-title {
+  line-height: 8vw;
+  padding: 1.333vw 0;
+}
+
+.nucleic-message-title,
+.user-message-title {
+  color: #333;
+  font-size: 3.733vw;
+  position: relative;
+  text-indent: 2.667vw;
+}
+
+.nucleic-message-title {
+  line-height: 4.8vw;
+  padding: 2.667vw 0;
+}
+
+.nucleic-message-title::before,
+.user-message-title::before {
+  background: #6870f0;
+  content: "";
+  height: 4.8vw;
+  left: 0;
+  position: absolute;
+  top: 2.933vw;
+  width: 0.533vw;
+}
+
+.user-message-text {
+  color: #333;
+  display: flex;
+  font-size: 3.733vw;
+  line-height: 4.8vw;
+  padding: 2.667vw 0;
+}
+
+.text-tips {
+  white-space: nowrap;
+  flex: 0 0 15.2vw;
+  margin-left: 2.667vw;
+  text-align: justify;
+  text-align-last: justify;
+  text-justify: distribute-all-lines;
+}
+
+.text-value {
+  flex: 1;
+  text-align: left;
+}
+
+.nucleic-message {
+  margin: 5.333vw 4vw 0;
+  width: 92vw;
+}
+
+.nucleic-message-text {
+  color: #333;
+  display: flex;
+  font-size: 3.733vw;
+  line-height: 4.8vw;
+  padding: 2.667vw 0;
+}
+
+.jigou-text {
+  flex: 1;
+  margin-right: 2.667vw;
+}
+
+.jigou-title {
+  white-space: nowrap;
+  flex: 0 0 15.2vw;
+  margin-left: 2.667vw;
+  text-align: justify;
+  text-align-last: justify;
+  text-justify: distribute-all-lines;
+}
+
+.summary {
+  margin: 16vw 4vw 0;
+  width: 92vw;
+}
+
+.stitle {
+  font-weight: 600;
+  margin-top: 2.667vw;
+  padding: 0 2.667vw;
+}
+
+.stext,
+.stitle {
+  /* font-family: PingFangSC-Regular; */
+  font-size: 3.467vw;
+  line-height: 4.8vw;
+}
+
+.stext {
+  color: #bbbec4;
+  padding: 2.667vw;
+}
--- a/src/chongqing-hc/detail.html
+++ b/src/chongqing-hc/detail.html
@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<title>核酸检测详情</title>
+<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+<meta name="viewport"
+  content="width=device-width,height=device-height,viewport-fit=cover,initial-scale=1,maximum-scale=1,user-scalable=0">
+<meta name="theme-color" content="#368CF5">
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+<link rel="manifest" href="manifest.json">
+<link rel="icon" type="image/png" href="./static/logo.png">
+<link rel="apple-touch-icon" sizes="64x64" href="./static/logo.png">
+<link rel="stylesheet" href="detail.css">
+<link rel="stylesheet" href="../common/nav.css">
+<script src="../common/base.js"></script>
+
+<div class="capsule capsule--wechat" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="32" cy="14" r="9.5" />
+    <circle cx="54" cy="14" r="6" />
+    <circle cx="10" cy="14" r="6" />
+  </svg>
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="30" cy="30" r="9" />
+    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
+  </svg>
+</div>
+
+<div class="navbar navbar--wechat">
+  <div class="navbar__placeholder"></div>
+  <div class="navbar__inner" style="background: white;">
+    <div class="navbar__left">
+      <div class="navbar__buttons">
+        <div class="navbar__button-goback" onclick="history.back();"></div>
+      </div>
+    </div>
+    <div class="navbar__center">
+      <span>核酸检测详情</span>
+    </div>
+    <div class="navbar__right"></div>
+  </div>
+</div>
+
+<view>
+  <view class="user-message">
+    <view class="user-message-content">
+      <view class="user-message-title">用户信息</view>
+      <view class="user-message-text">
+        <view class="text-tips">用户</view>
+        <view class="text-value">：<span id="name"></span></view>
+      </view>
+      <view class="user-message-text">
+        <view class="text-tips">证件号码</view>
+        <view class="text-value">：<span id="idcard"></span></view>
+      </view>
+      <view class="user-message-text">
+        <view class="text-tips">手机号码</view>
+        <view class="text-value">：<span id="phone"></span></view>
+      </view>
+    </view>
+    <view class="user-message-icon">
+      <view class="user-message-icon-image">
+        <image src="./static/pass.svg"></image>
+      </view>
+      <view class="user-message-icon-text color-pass">阴性</view>
+    </view>
+  </view>
+  <view class="nucleic-message">
+    <view class="nucleic-message-title">检测报告</view>
+    <!-- <view class="nucleic-message-text" wx:if="{{hsJcInfo.testingNumber}}">
+      <view class="jigou-title">编号</view>
+      <view class="jigou-text">：<span id="covid-test-id"></span></view>
+    </view> -->
+    <view class="nucleic-message-text">
+      <view class="jigou-title">采样方式</view>
+      <view>：</view>
+      <view class="jigou-text"><span id="covid-test-method"></span></view>
+    </view>
+    <view class="nucleic-message-text">
+      <view class="jigou-title">采样点名</view>
+      <view class="jigou-text">：<span id="covid-test-sample-spot"></span></view>
+    </view>
+    <view class="nucleic-message-text">
+      <view class="jigou-title">采样时间</view>
+      <view class="jigou-text">：<span id="covid-test-sample-time"></span></view>
+    </view>
+    <view class="nucleic-message-text">
+      <view class="jigou-title">检测机构</view>
+      <view class="jigou-text">：<span id="covid-test-institution"></span></view>
+    </view>
+    <view class="nucleic-message-text">
+      <view class="jigou-title">检测时间</view>
+      <view class="jigou-text">：<span id="covid-test-time"></span></view>
+    </view>
+    <view class="nucleic-message-text">
+      <view class="jigou-title">检测结果</view>
+      <view class="jigou-text">：阴性</view>
+    </view>
+  </view>
+  <view class="summary">
+    <view class="stitle">服务说明:</view>
+    <view class="stext" wx:if="{{incomeType==='inside'}}">相关查询结果基于卫生健康部门数据库，数据由各检测机构提供，正在不断汇聚更新中。若有疑问，请咨询核酸检测机构。</view>
+    <view class="stext" wx:if="{{incomeType==='external'}}">相关查询结果由卫生健康部门数据库提供，若有疑问，请咨询核酸检测机构。</view>
+  </view>
+</view>
+<script>
+  addStorageField("_name", "#name", "名字", "习近平", presetFilters.lastnameonly);
+  addStorageField("_idcard", "#idcard", "身份证号", "110101195306153019", presetFilters.idcard(6, 4));
+  addStorageField("_phone", "#phone", "手机号码", "13019890604", presetFilters.phone());
+
+  // addStorageField("_covid_test_id", "#covid-test-id", "检测报告编号", "000000000000");
+  addStorageField("_covid_test_method", "#covid-test-method", "采样方式", "咽拭子");
+  addStorageField("_covid_test_sample_spot", "#covid-test-sample-spot", "采样点名", "渝中区疾病预防控制中心");
+  setStaticTime("#covid-test-sample-time", 0, 19, 15, 8);
+  addStorageField("_covid_test_institution", "#covid-test-institution", "检测机构", "重庆迪安医学检测中心");
+  setStaticTime("#covid-test-time", 0, 19, 4, 6);
+
+  initServiceWorker("chongqing-hc");
+</script>
--- a/src/chongqing-hc/index.html
+++ b/src/chongqing-hc/index.html
@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<title>我的渝康码</title>
+<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+<meta name="viewport" content="width=device-width,height=device-height,viewport-fit=cover,initial-scale=1,maximum-scale=1,user-scalable=0">
+<meta name="theme-color" content="#368CF5">
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+<link rel="manifest" href="manifest.json">
+<link rel="icon" type="image/png" href="./static/logo.png">
+<link rel="apple-touch-icon" sizes="64x64" href="./static/logo.png">
+<link rel="stylesheet" href="app.css">
+<link rel="stylesheet" href="../common/nav.css">
+<script src="../common/base.js"></script>
+
+<div class="capsule capsule--wechat capsule--alternative" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="32" cy="14" r="9.5"/>
+    <circle cx="54" cy="14" r="6"/>
+    <circle cx="10" cy="14" r="6"/>
+  </svg>
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="30" cy="30" r="9"/>
+    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent"/>
+  </svg>
+</div>
+
+<view class="light-code">
+  <view style="position: relative;">
+    <div class="navbar navbar--wechat-alternative">
+      <div class="navbar__placeholder"></div>
+      <div class="navbar__inner" style="background: #368CF5;">
+        <div class="navbar__left">
+          <div class="navbar__buttons">
+            <view style="display: flex; align-items: center;" onclick="navigateHome();">
+              <image src="./static/nav_home.svg" style="width: 4vw; height: 4vw; margin-right: 1.33vw;"></image>
+              <text>首页</text>
+            </view>
+          </div>
+        </div>
+        <div class="navbar__center">
+          <span>我的渝康码</span>
+        </div>
+        <div class="navbar__right"></div>
+      </div>
+    </div>
+  </view>
+  <view class="light-code-container">
+    <view class="top top_bg_mine">
+      <view class="top-tip">温馨提示：代人申领已移至首页防疫服务的“亲友代领”</view>
+      <view class="top-info">
+        <view class="top-info-name" id="masked-info">
+          <text class="top-info-name-self" id="masked-name"></text>
+          <image class="top-info-name-icon" src="./static/password-btn-white.svg" onclick="toggleMask(false);"></image>
+        </view>
+        <view class="top-info-name" id="info" style="display: none;">
+          <text class="top-info-name-self" id="name"></text>
+          <image class="top-info-name-icon" src="./static/password-btn2-white.svg" onclick="toggleMask(true);"></image>
+        </view>
+        <view bindtap="showRelationUsersPop" class="top-info-exchange">切换亮码人员</view>
+      </view>
+      <view class="code-area">
+        <view class="code-container">
+          <view class="code-box code_qrcode" onclick="window.location.href = 'checkin.html';">
+            <view class="code_self"
+              style="background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeoAAAHqCAIAAABED5ptAAAMZElEQVR4nO3dQU4kyxlGUbDYDt6VN4V35Q2Vp8+SFbQ6Ol78NzlniqoospKrnHyK97evz7dnef3rP4fe+f3f//zt37vz2qKf9vfuWF+rtXN33c6nWtv59mf+Rbf84/YHAOB3yDdAknwDJMk3QJJ8AyTJN0CSfAMkyTdAknwDJH2sfzxzHXduPbXzzrc+1bml2c63X9y/zVwwzvwfPLecvGXmdV5fK0/fAEnyDZAk3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJ36wu12aehrdWPK/y1qLPVvDXX3trk1k8U7S4yJ3ZOk/fAEnyDZAk3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJW6vLn+Z5m8xbC7dbq9pbm9tz98atBePMu/2n8fQNkCTfAEnyDZAk3wBJ8g2QJN8ASfINkCTfAEnyDZBkdfk/zm3Jbm32Zq7UnGc44fee87w7diZP3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJ8g2QJN8ASVurS/uoupnnN67dOifz3DvfOmNzrXjy5zkzP5Wnb4Ak+QZIkm+AJPkGSJJvgCT5BkiSb4Ak+QZIkm+ApG9WlzPPJDxn5v5tx8y937lrdW7RV7xWM+/JHbdOo53J0zdAknwDJMk3QJJ8AyTJN0CSfAMkyTdAknwDJMk3QNLHzDPcbjm399sxcyu483vPmXk/Fxd9a7fuyR0z740dnr4BkuQbIEm+AZLkGyBJvgGS5BsgSb4BkuQbIEm+AZLe374+Fz8unpV37ry7mautW59559sv3ldrxSXhret87loV76udb9DTN0CSfAMkyTdAknwDJMk3QJJ8AyTJN0CSfAMkyTdA0sf6xzuLPkuzCc5t2M699pxbd87MNeDM/6OZn2rHufNmPX0DJMk3QJJ8AyTJN0CSfAMkyTdAknwDJMk3QJJ8AyR9FNdxtxZfxXXczL/o3Pmc63d+3irv3C565imp59y663a+I0/fAEnyDZAk3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJ76/Xa/XjSyclnnPrxMJz68db77zj1t5v7daCceYKcc2JlL/+2h1WlwAPJN8ASfINkCTfAEnyDZAk3wBJ8g2QJN8ASfINkPT+9vV55RfPXG0Vl3XnruTM0w5n7ldtjCe89pyZ22ZP3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJ8g2QJN8ASR/n3vrcDm3mYnPmgtFy8k8pXsmZ/ykzN5nFO8fTN0CSfAMkyTdAknwDJMk3QJJ8AyTJN0CSfAMkyTdA0rWzLteK5xkWV4gz37n4e9csY/8exbt95509fQMkyTdAknwDJMk3QJJ8AyTJN0CSfAMkyTdAknwDJH3MPIPx1vpx7dynmvn3zlyazVwwnvu9O2Ze5+KJlDOX3p6+AZLkGyBJvgGS5BsgSb4BkuQbIEm+AZLkGyBJvgGSvjnr8txeaG3mqXQzPe86P+9UyVvf0U8zc/t67t7w9A2QJN8ASfINkCTfAEnyDZAk3wBJ8g2QJN8ASfINkPTNWZe3Fl8z11O31oA738LMkz+Lzn0L62t161TY4vZ17db/4Lm/19M3QJJ8AyTJN0CSfAMkyTdAknwDJMk3QJJ8AyTJN0DS++v1OvXWwTP6bAV/3cxV3q2/99aib0fxG5z5H3rrzFhP3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJ8g2QJN8ASe9vX59XfvHMU/h2zFzl3dr7Wcf9+mt3FDeKO553nXfuSU/fAEnyDZAk3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJH7d2SmszV4gzTyycaebV2PkGZ+7uZq6XZ36qHTOL5OkbIEm+AZLkGyBJvgGS5BsgSb4BkuQbIEm+AZLkGyDp4FmXt3ZKO259quLubqZba8+ZC8a1592xM6tyjqdvgCT5BkiSb4Ak+QZIkm+AJPkGSJJvgCT5BkiSb4Ck99frtfrxyBMLb5m5rJv52rXn3VfFJWFxsVl07lp5+gZIkm+AJPkGSJJvgCT5BkiSb4Ak+QZIkm+AJPkGSPq4/QH+v5mnWd5aqc1c9O2YeT5ncd26fu3Me+PWennHzKWop2+AJPkGSJJvgCT5BkiSb4Ak+QZIkm+AJPkGSJJvgKSt1eWt1da55dW5v+jcYtN5lX916+8trmpv3c+3zPwGd97Z0zdAknwDJMk3QJJ8AyTJN0CSfAMkyTdAknwDJMk3QNLH85ZI58xcma7N3BnOPEfxlplX49anmnk1ZvL0DZAk3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJ8g2Q9P56vX7/xcHz7tZmbhSLzp3Q+Dy37rqfdp3PuXVaqadvgCT5BkiSb4Ak+QZIkm+AJPkGSJJvgCT5BkiSb4Ck97evz99+8fM2irc+1cz92/P+3ltnP878vTP/onMLxrWZ//vr3+vpGyBJvgGS5BsgSb4BkuQbIEm+AZLkGyBJvgGS5Bsg6ZuzLosn6RUXbreWZjuKn2rNeaR/dWuxaVf566/19A2QJN8ASfINkCTfAEnyDZAk3wBJ8g2QJN8ASfINkHTwrMtbO8OZ50auPW8pujbz3njezvB5ivfkDmddAjyQfAMkyTdAknwDJMk3QJJ8AyTJN0CSfAMkyTdA0tbqcm3mTumWW2cwztwZrhWXdcWzPYtmVuXWt+DpGyBJvgGS5BsgSb4BkuQbIEm+AZLkGyBJvgGS5Bsg6f31ev3+ix+3Q5u5u7N+/FOvXXve9zvzP3SmmffkmqdvgCT5BkiSb4Ak+QZIkm+AJPkGSJJvgCT5BkiSb4Ckb1aXP+3suLWZi75bm8wdxTVg8dTQc24tRXfeeW3m97t+Z0/fAEnyDZAk3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJ729fn4sfz9xG3vpUz9u/nTNzpfa8b3Dm1bi1YDxn5nX29A2QJN8ASfINkCTfAEnyDZAk3wBJ8g2QJN8ASfINkPSx8+KZy7pb77x2bpc1cw/20053nHl+48zvd0fxOp+7Vp6+AZLkGyBJvgGS5BsgSb4BkuQbIEm+AZLkGyBJvgGStlaXt9xa5d1amhVXpjvOLUWfdyVvnex67n/w1or41i56bf2pPH0DJMk3QJJ8AyTJN0CSfAMkyTdAknwDJMk3QJJ8AyS9v16v339xcMM2c9O1o7hBnbmOO/d7b732nFv/+8/7/93h6RsgSb4BkuQbIEm+AZLkGyBJvgGS5BsgSb4BkuQbIOmb1WVx4XbOuT3Y2q13Pqd4YuEOm9u/8pn/FE/fAEnyDZAk3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJH7c/wO+4tX5cu3Ua3s7fe2uj+Lwd6dqtffKOnc/8077fWytiT98ASfINkCTfAEnyDZAk3wBJ8g2QJN8ASfINkCTfAElbZ13umLmeOufcUrR44uitd97x076jHTM/1drMz2x1CfBA8g2QJN8ASfINkCTfAEnyDZAk3wBJ8g2QJN8ASe9vX5+H3rp4vt8tMzddM9ePM83cVd46Fdad8+t2vgVP3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJ8g2QJN8ASd+cdfk8tzZdtxZut9555qJvzXmVf4p74+/h6RsgSb4BkuQbIEm+AZLkGyBJvgGS5BsgSb4BkuQbIOnjeSfLrRdQzzuB83nf4I5bp3feWqjOPCV1puddSU/fAEnyDZAk3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJH+sfzzxnb2enNHN5tVY8zfKWmdu5c9/g806VLH7mWzx9AyTJN0CSfAMkyTdAknwDJMk3QJJ8AyTJN0CSfAMkfbO6XDt33l1xO3duLbb2vC3Z2q1TFm/tDHcUF7nnNqi3nPtUnr4BkuQbIEm+AZLkGyBJvgGS5BsgSb4BkuQbIEm+AZK2Vpc/za1N5rnzDG/tSJ93xuat7+jW+nHmt7B27mrc+hY8fQMkyTdAknwDJMk3QJJ8AyTJN0CSfAMkyTdAknwDJL2/fX0ufjzz/MbnLdzWbu0bb73zLe6cv5r5v782s0g777zm6RsgSb4BkuQbIEm+AZLkGyBJvgGS5BsgSb4BkuQbIGnrrMvnnXc3c1l365zMtVtLs1u/t6h4wupMM3eznr4BkuQbIEm+AZLkGyBJvgGS5BsgSb4BkuQbIEm+AZK+OeuyaObpjjPPyru1ySyeZ7hW/Huf56ddZ0/fAEnyDZAk3wBJ8g2QJN8ASfINkCTfAEnyDZAk3wBJ/wVuM15L2PEvnAAAAABJRU5ErkJggg==), linear-gradient(#009a2d, rgb(0,154,45)); background-size: 87% 87%;">
+            </view>
+          </view>
+          <view class="vaccines_done"></view>
+          <view class="golden_border"></view>
+        </view>
+      </view>
+      <view class="code-state code-state__green">绿码</view>
+      <view class="code-bottom">
+        <view class="code-timer"><span id="datetime"></span><span class="bigger" id="sec"></span>
+        </view>
+        <view bindtap="handleNavigateTo" class="code-report">立即上报</view>
+      </view>
+    </view>
+    <view class="middle">
+      <view bindtap="handleNavigateTo"
+        class="block-item nucleic-block nucleic-block__active"
+       >
+        <view class="block-title">
+          <text>核酸检测</text>
+        </view>
+        <view class="block-container" onclick="window.location.href = 'detail.html';">
+          <view class="block-number">24</view>
+          <view class="block-des">
+            <view class="block-des-item">小时</view>
+            <view class="block-des-item">阴性</view>
+          </view>
+        </view>
+        <!-- <view catchtap="handlderNucilceKeepOrder" class="order-time-sty" wx:if="{{showOrder}}">
+          <text>点击更新</text>
+          <text wx:if="{{orderState}}">({{orderNumber}}s)</text>
+        </view> -->
+      </view>
+      <view bindtap="handleNavigateTo"
+        class="block-item vaccines-block vaccines-block__active"
+       >
+        <view class="block-title">
+          <text>疫苗接种</text>
+        </view>
+        <view class="block-container">
+          <view class="block-number">3</view>
+          <view class="block-des">
+            <view class="block-des-item">剂</view>
+            <view class="block-des-item">(共3剂)</view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="bottom">
+      <view bindtap="onPlaceCodeScan" class="bt-item" onclick="window.location.href = 'checkin.html';">
+        <view class="bt-item-icon bt_item_icon_chagnsuoma"></view>
+        <view class="bt-item-text">场所码<text style="color: #006DF2;margin: 0 0.533vw;">|</text>入渝码</view>
+      </view>
+      <view bindtap="toTongxin" class="bt-item" onclick="navigateToTripCard();">
+        <view class="bt-item-icon bt_item_icon_xingcengma"></view>
+        <view class="bt-item-text">通信行程卡</view>
+      </view>
+      <view bindtap="handleNavigateTo" class="bt-item">
+        <view class="bt-item-icon bt_item_icon_yiwen"></view>
+        <view class="bt-item-text">我有疑问</view>
+      </view>
+    </view>
+  </view>
+  <!-- <g-footer></g-footer>
+  <g-poplayer bind:close="closePoplayer" visible="{{relationUserPopShow}}">
+    <view class="pop-container">
+      <view class="pop-header">
+        <view class="pop-header-text">切换亮码人员</view>
+        <view bindtap="closePoplayer" class="pop-header-close"></view>
+      </view>
+      <view class="pop-content" wx:if="{{users.length>1}}">
+        <view bindtap="exchangeCurrentUser"
+          class="{{user.codeId===currentUser.codeId?'pop-item pop-item_active':'pop-item'}}"
+          data-codeid="{{user.codeId}}" wx:for="{{users}}" wx:for-item="user"> {{user.username}} <text
+            wx:if="{{user.isMe}}">(本人)</text>
+        </view>
+      </view>
+      <view class="pop-content__none" wx:else>
+        <view class="others_codes_none_myname">{{currentUser.username}}(本人)</view>
+        <image class="others_codes_none" mode="widthFix"
+          src="https://static-1300672061.file.myqcloud.com/ykm_home_v3_static/others_code_none.png"></image>
+        <view class="others_codes_none_tips">您还未帮亲友代领渝康码！</view>
+      </view>
+      <view class="{{users.length>1?'pop-bottom':'pop-bottom-whitebg'}}">
+        <button bindtap="handleNavigateTo" class="mine__btn" type="primary">去帮亲友代领渝康码</button>
+      </view>
+    </view>
+  </g-poplayer> -->
+  <!-- <custompopup id="lightcodecustompopup"></custompopup>
+  <intercqpopup id="interCQTips"></intercqpopup>
+  <cqnucleictips id="cqnucleictips"></cqnucleictips> -->
+</view>
+<script>
+  setDynamicTime("#datetime", 0, 17);
+  setDynamicTime("#sec", 17, 19);
+  addStorageField("_name", "#masked-name", "名字", "习近平", presetFilters.lastcharonly);
+  addStorageField("_name", "#name", "名字", "习近平");
+
+  function toggleMask(t) {
+    document.getElementById("masked-info").style.display = t ? "flex" : "none";
+    document.getElementById("info").style.display = t ? "none" : "flex";
+  }
+
+  initServiceWorker("chongqing-hc");
+</script>
--- a/src/chongqing-hc/manifest.json
+++ b/src/chongqing-hc/manifest.json
@ -0,0 +1,16 @@
+{
+  "short_name": "渝康码",
+  "name": "渝康码",
+  "icons": [
+    {
+      "src": "static/logo.png",
+      "type": "image/png",
+      "sizes": "64x64"
+    }
+  ],
+  "id": "ilovexjp-chongqing-hc-simulator",
+  "start_url": ".",
+  "display": "standalone",
+  "scope": "/",
+  "description": "渝康码模拟"
+}
--- a/src/chongqing-hc/static/icon_changsuoma.png
+++ b/src/chongqing-hc/static/icon_changsuoma.png
--- a/src/chongqing-hc/static/icon_nucleic_active.png
+++ b/src/chongqing-hc/static/icon_nucleic_active.png
--- a/src/chongqing-hc/static/icon_vicc_active.png
+++ b/src/chongqing-hc/static/icon_vicc_active.png
--- a/src/chongqing-hc/static/icon_xingcengma.png
+++ b/src/chongqing-hc/static/icon_xingcengma.png
--- a/src/chongqing-hc/static/icon_yiwen.png
+++ b/src/chongqing-hc/static/icon_yiwen.png
--- a/src/chongqing-hc/static/line-result.png
+++ b/src/chongqing-hc/static/line-result.png
--- a/src/chongqing-hc/static/logo.png
+++ b/src/chongqing-hc/static/logo.png
--- a/src/chongqing-hc/static/lvma-icon.svg
+++ b/src/chongqing-hc/static/lvma-icon.svg
@ -0,0 +1,4 @@
+<svg width="138" height="138" viewBox="0 0 138 138" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="69" cy="69" r="69" fill="#42A974"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M54.8978 97.9598L108.285 44.573L104.507 40.292L54.7412 81.8358L33.834 65.3849L29.7153 71.7701L54.646 97.708L54.6605 97.6939L54.8978 97.9598Z" fill="white"/>
+</svg>
--- a/src/chongqing-hc/static/mine_code_background.png
+++ b/src/chongqing-hc/static/mine_code_background.png
--- a/src/chongqing-hc/static/nav_home.svg
+++ b/src/chongqing-hc/static/nav_home.svg
@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1632628650763" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11324" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M999.103969 450.980217 600.03496 32.435355C559.394816-10.188151 492.394773-10.891714 450.867491 30.861655L26.049704 457.992209C-23.655972 507.968481 1.212199 568.281046 71.688022 567.83196L191.983925 567.065422 156.438281 531.756441 156.438281 917.836305C156.438281 976.336883 203.589196 1023.825676 261.911636 1023.825676L389.99329 1023.825676 389.99329 953.206301 261.911636 953.206301C242.721404 953.206301 227.0793 937.452108 227.0793 917.836305L227.0793 531.756441C227.0793 512.167492 211.12822 496.322622 191.533656 496.447477L71.237753 497.214033C66.173938 497.246289 62.895469 496.713148 61.736428 496.22598 63.980271 497.169102 67.084328 499.993735 69.04654 504.752651 70.980045 509.441972 70.786089 513.494624 69.931418 515.610663 70.455361 514.313455 72.463158 511.484602 76.143505 507.784218L500.961291 80.653664C514.458349 67.083127 535.692465 67.306108 548.901395 81.159669L947.970422 499.704531C951.487338 503.393087 953.386928 506.221746 953.891186 507.578027 953.219595 505.771654 953.125848 502.205128 954.837927 498.082651 956.584273 493.877656 959.306191 491.320776 961.229598 490.464427 960.049848 490.989677 956.841363 491.570786 951.877986 491.602406L952.328255 562.22035C1022.230896 561.774919 1047.266224 501.492949 999.103969 450.980217ZM774.238215 1023.825676C832.500577 1023.825676 879.711571 976.292569 879.711571 917.836305L879.711571 527.597754 844.616195 562.906718 952.328255 562.22035 951.877986 491.602406 844.165926 492.288773C824.747205 492.412516 809.070551 508.184576 809.070551 527.597754L809.070551 917.836305C809.070551 937.402462 793.373788 953.206301 774.238215 953.206301L646.156562 953.206301 646.156562 1023.825676 774.238215 1023.825676ZM582.482144 670.786834C582.575273 670.786834 582.632792 1023.982363 582.632792 1023.982363L653.273812 1023.982363 653.273812 670.618548C653.273812 631.73658 621.484606 600.16746 582.482144 600.16746L441.501384 600.16746C402.513769 600.16746 370.709699 631.646628 370.709699 670.618548L441.350736 670.618548C441.350736 670.806978 582.482144 670.786834 582.482144 670.786834ZM441.350736 670.618548 370.709699 670.618548 370.709699 1023.982363 441.350736 1023.982363 441.350736 670.618548Z" p-id="11325" fill="#ffffff"></path></svg>
--- a/src/chongqing-hc/static/nucleic_in48_icon1.png
+++ b/src/chongqing-hc/static/nucleic_in48_icon1.png
--- a/src/chongqing-hc/static/nucleic_in48_icon2.png
+++ b/src/chongqing-hc/static/nucleic_in48_icon2.png
--- a/src/chongqing-hc/static/pass.svg
+++ b/src/chongqing-hc/static/pass.svg
@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="57px" height="56px" viewBox="0 0 57 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 63 (92445) - https://sketch.com -->
+    <title>通过</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="画板" transform="translate(-202.000000, -61.000000)" fill="#4FD965" fill-rule="nonzero">
+            <path d="M230.5,117 L230.5,117 C215.036016,117 202.5,104.463984 202.5,89 C202.5,73.5360156 215.036016,61 230.5,61 L230.5,61 C245.963984,61 258.5,73.5360156 258.5,89 C258.5,104.463984 245.963984,117 230.5,117 L230.5,117 Z M226.035555,98.2711172 L226.035555,98.2711173 C226.992149,99.1345891 228.467601,99.059104 229.331078,98.1025097 C229.331831,98.1016757 229.332583,98.1008412 229.333335,98.1000062 L243.379984,82.4977718 L243.379984,82.4977718 C244.222472,81.5226444 244.114946,80.0491772 243.139815,79.206689 C242.193465,78.3890671 240.770764,78.4629554 239.914204,79.3742159 L227.423087,93.2497472 L221.356438,87.7835237 L221.356438,87.7835237 C220.399391,86.9201175 218.923621,86.9960292 218.060215,87.953079 C217.196809,88.9101267 217.27272,90.3858962 218.22977,91.2493025 L226.032419,98.2773025 L226.035555,98.2711172 Z" id="通过"></path>
+        </g>
+    </g>
+</svg>
--- a/src/chongqing-hc/static/password-btn-white.svg
+++ b/src/chongqing-hc/static/password-btn-white.svg
@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1632798517500" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2419" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M469.333333 681.386667c-36.053333-2.432-71.253333-8.533333-104.96-17.92l-69.802666 149.674666a42.368 42.368 0 0 1-56.533334 20.266667 42.666667 42.666667 0 0 1-20.821333-56.32l66.986667-143.658667a451.712 451.712 0 0 1-148.906667-112.682666 388.693333 388.693333 0 0 1-70.570667-119.338667 42.666667 42.666667 0 1 1 80.128-29.354667 303.445333 303.445333 0 0 0 55.210667 93.098667C270.634667 547.413333 383.018667 597.333333 505.728 597.333333c122.752 0 235.136-49.962667 305.706667-132.181333a303.445333 303.445333 0 0 0 55.210666-93.098667 42.666667 42.666667 0 0 1 80.128 29.354667 388.693333 388.693333 0 0 1-70.570666 119.338667 423.68 423.68 0 0 1-18.773334 20.48l104.362667 104.362666a42.666667 42.666667 0 0 1-0.298667 60.032 42.368 42.368 0 0 1-60.032 0.298667l-109.653333-109.653333c-20.48 14.08-42.24 26.581333-65.024 37.418666l66.901333 143.36a42.666667 42.666667 0 0 1-20.821333 56.362667 42.368 42.368 0 0 1-56.533333-20.266667l-69.717334-149.546666a520.533333 520.533333 0 0 1-91.946666 16.810666v130.645334A42.666667 42.666667 0 0 1 512 853.333333c-23.722667 0-42.666667-18.944-42.666667-42.24v-129.706666z" fill="#ffffff" p-id="2420"></path><path d="M176.128 524.373333a42.368 42.368 0 0 1 60.032 0.256 42.666667 42.666667 0 0 1 0.298667 60.074667l-121.216 121.216a42.368 42.368 0 0 1-60.074667-0.298667 42.666667 42.666667 0 0 1-0.298667-60.032l121.258667-121.258666z" fill="#ffffff" p-id="2421"></path></svg>
--- a/src/chongqing-hc/static/password-btn.svg
+++ b/src/chongqing-hc/static/password-btn.svg
@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M950.1 339.7c3.7-12.7-3.7-26-16.4-29.7-12.7-3.7-26 3.7-29.7 16.4-32.1 116.8-194 223-391.7 222.4-197.3 0.7-359.8-106-392.3-222.5-3.7-12.7-17-20-29.8-16.3-12.7 3.7-20 17-16.3 29.8 17.4 58 56.4 110.2 110.3 152.3L111.1 587c-8.1 10.5-6.1 25.6 4.4 33.7 10.5 8.1 25.6 6.1 33.7-4.4l74.6-97c44.8 27.5 97 48.8 153.9 62L341 684c-4.5 12.5 2.1 26.2 14.5 30.7 12.5 4.5 26.2-2.1 30.7-14.5l39.2-109.7c28.1 4.1 57.2 6.3 86.8 6.4 32.4-0.1 64.1-2.7 94.7-7.6l39.4 110.4c4.4 12.5 18.2 19 30.7 14.6s19-18.2 14.6-30.7l-37-103.9c56.9-14 108.8-36 153-64.3l77.8 101.3c8.1 10.5 23.1 12.5 33.7 4.4 10.5-8.1 12.5-23.1 4.4-33.7l-76.9-100.1c50.4-41.2 86.9-91.7 103.5-147.6z"  /></svg>
--- a/src/chongqing-hc/static/password-btn2-white.svg
+++ b/src/chongqing-hc/static/password-btn2-white.svg
@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1632798553361" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2738" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512 192c156.448 0 296.021333 98.730667 418.410667 291.605333a52.938667 52.938667 0 0 1 0 56.789334C808.021333 733.269333 668.448 832 512 832c-156.448 0-296.021333-98.730667-418.410667-291.605333a52.938667 52.938667 0 0 1 0-56.789334C215.978667 290.730667 355.552 192 512 192z m0 128c-106.037333 0-192 85.962667-192 192s85.962667 192 192 192 192-85.962667 192-192-85.962667-192-192-192z m0 320c70.688 0 128-57.312 128-128s-57.312-128-128-128-128 57.312-128 128 57.312 128 128 128z" p-id="2739" fill="#ffffff"></path></svg>
--- a/src/chongqing-hc/static/password-btn2.svg
+++ b/src/chongqing-hc/static/password-btn2.svg
@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M938.1 577.9c-16.1-55.7-51.6-106.1-100.8-147.2l74.9-100.5c7.9-10.6 5.7-25.7-4.9-33.6-10.6-7.9-25.7-5.7-33.6 4.9l-75 100.7c-42.8-28-92.9-49.9-147.8-63.8L687 234c4.3-12.5-2.3-26.2-14.8-30.5-12.5-4.3-26.2 2.3-30.5 14.8l-38.1 110.2c-29.5-4.8-60.1-7.4-91.4-7.5-28.6 0.1-56.6 2.3-83.8 6.3l-37.9-109.4c-4.3-12.5-18-19.2-30.5-14.8-12.5 4.3-19.2 18-14.8 30.5l35.7 103c-54.9 13.3-105.3 34.5-148.5 61.8l-72.1-96.6c-7.9-10.6-23-12.8-33.6-4.9-10.6 7.9-12.8 23-4.9 33.6l71.5 95.8c-52.2 42.1-89.8 94.4-106.7 152.2l1.4 0.4-1 0.3c42.9 146.6 219.3 247.4 426 247.9 207.1-0.4 383.9-101.7 426.3-248.8l-1.2-0.4zM513.1 779c-185.4 0.4-337.2-90.1-376-200.7C176.6 466.7 328.3 368.5 512.2 369c185.3-0.5 338.1 98.4 376.4 210.9-39.8 109.9-191 199.5-375.5 199.1z m1.9-342.1c-77.4 0-140.1 62.7-140.1 140.1 0 77.4 62.7 140.1 140.1 140.1 77.4 0 140.1-62.7 140.1-140.1 0-77.4-62.7-140.1-140.1-140.1z m0 232.2c-50.8-0.1-92-41.2-92.1-92.1 0.1-50.8 41.2-92 92.1-92.1 50.8 0.1 92 41.2 92.1 92.1-0.1 50.8-41.3 92-92.1 92.1z"  /></svg>
--- a/src/chongqing-hc/static/qrcode_golden_shield.png
+++ b/src/chongqing-hc/static/qrcode_golden_shield.png
--- a/src/chongqing-hc/static/resultBackground2.png
+++ b/src/chongqing-hc/static/resultBackground2.png
--- a/src/common/components/capsule.scss
+++ b/src/common/components/capsule.scss
@ -0,0 +1,92 @@
+.capsule {
+  z-index: 9000;
+  box-sizing: border-box;
+  border-radius: 50px;
+  background-color: rgba(255, 255, 255, .6);
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+  align-items: center;
+
+  &__menu-icon {
+    width: 16pt;
+    position: relative;
+  }
+
+  &__exit-icon {
+    width: 15pt;
+    position: relative;
+  }
+
+  &__splitter {
+    width: 0.25pt;
+    height: 14pt;
+    position: relative;
+  }
+
+  &--wechat {
+    width: 87px;
+    height: 32px;
+    position: fixed;
+    right: 7px;
+    right: calc(7px + env(safe-area-inset-right, 0));
+    top: 6px;
+    top: calc(6px + env(safe-area-inset-top, 0));
+    border: 0.5pt solid rgba(224, 224, 224, .67);
+
+    .capsule__menu-icon {
+      fill: black;
+      left: 1pt;
+    }
+    .capsule__exit-icon {
+      fill: black;
+      stroke: black;
+    }
+    .capsule__splitter {
+      background-color: rgba(0, 0, 0, .2);
+    }
+  }
+
+  &--alipay {
+    width: 79px;
+    height: 30px;
+    position: absolute;
+    right: 17px;
+    right: calc(17px + env(safe-area-inset-right, 0));
+    top: 7px;
+    top: calc(7px + env(safe-area-inset-top, 0));
+    border: 0.5pt solid #eeeeee;
+
+    .capsule__menu-icon {
+      fill: #333;
+      left: 1pt;
+      top: 0.25pt;
+    }
+    .capsule__exit-icon {
+      fill: #333;
+      stroke: #333;
+      left: -2px;
+    }
+    .capsule__splitter {
+      left: -0.5pt;
+      height: 13.5pt;
+      background-color: #c4c4c4;
+    }
+  }
+
+  &--alternative {
+    border: 0.5pt solid rgba(32, 32, 32, .33);
+    background-color: rgba(0, 0, 0, .2);
+
+    .capsule__menu-icon {
+      fill: white;
+    }
+    .capsule__exit-icon {
+      fill: white;
+      stroke: white;
+    }
+    .capsule__splitter {
+      background-color: rgba(255, 255, 255, .8);
+    }
+  }
+}
--- a/src/common/components/navbar.scss
+++ b/src/common/components/navbar.scss
@ -0,0 +1,189 @@
+.navbar {
+  $height: 44px;
+  $right: 25.333vw;
+  $navbar: &;
+  // .nav-bar--wechat .android {
+  //   --height: 48px;
+  //   --right: 29.6vw;
+  // }
+
+  line-height: normal;
+
+  *:not(.capsule, .capsule *) {
+    box-sizing: content-box;
+  }
+
+  padding: 0;
+
+  @mixin wechat {
+    overflow: hidden;
+    padding-top: env(safe-area-inset-top, 0);
+
+    #{$navbar}__inner {
+      align-items: center;
+      display: flex;
+      height: $height;
+      left: 0;
+      padding-right: $right;
+      padding-top: env(safe-area-inset-top, 0);
+      position: fixed;
+      top: 0;
+      width: calc(100% - #{$right});
+      z-index: 5001;
+      color: black;
+      font-family: sans-serif;
+
+      #{$navbar}__left {
+        -webkit-box-pack: center;
+        align-items: center;
+        display: flex;
+        padding-left: 16px;
+        position: relative;
+        width: $right;
+
+        #{$navbar}__button-goback {
+          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E");
+          background-position: 50% 50%;
+          background-size: cover;
+          background-repeat: no-repeat;
+          font-size: 12px;
+          height: 2em;
+          width: 1em;
+
+          &:hover {
+            opacity: .5;
+          }
+        }
+      }
+      
+      #{$navbar}__center {
+        -webkit-box-pack: center;
+        align-items: center;
+        display: flex;
+        flex: 1;
+        font-size: 17px;
+        justify-content: center;
+        position: relative;
+        text-align: center;
+        font-weight: bold;
+        max-width: calc(100vw - #{2 * $right});
+      
+        * {
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+      
+      #{$navbar}__right {
+        margin-right: 16px;
+      }
+    }
+  }
+
+  &--wechat {
+    @include wechat;
+  }
+
+  &--wechat-alternative {
+    @include wechat;
+
+    #{$navbar}__inner {
+      color: white;
+
+      #{$navbar}__left {
+        #{$navbar}__button-goback {
+          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' fill='white' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E");
+        }
+      }
+    }
+
+  }
+
+  &--wechat-browser {
+    @include wechat;
+
+    #{$navbar}__inner {
+      background-color: #ededed;
+
+      #{$navbar}__left {
+        padding-left: 15px;
+
+        #{$navbar}__button-goback {
+          background-image: url("data:image/svg+xml,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 10.586l5.657-5.657 1.414 1.414L13.414 12l5.657 5.657-1.414 1.414L12 13.414l-5.657 5.657-1.414-1.414L10.586 12 4.929 6.343 6.343 4.93 12 10.586z' fill-rule='evenodd'/></svg>");
+          height: 2em;
+          width: 2em;
+          opacity: 0.8;
+        }
+      }
+      
+      #{$navbar}__center {
+        font-weight: 500;
+        font-size: 16px;
+        opacity: .9;
+      }
+    }
+  }
+
+  #{&}--wechat-alternative#{&}--wechat-browser {
+    #{$navbar}__inner {
+      #{$navbar}__left {
+        #{$navbar}__button-goback {
+          background-image: url("data:image/svg+xml,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 10.586l5.657-5.657 1.414 1.414L13.414 12l5.657 5.657-1.414 1.414L12 13.414l-5.657 5.657-1.414-1.414L10.586 12 4.929 6.343 6.343 4.93 12 10.586z' fill-rule='evenodd' fill='white'/></svg>");
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  @mixin alipay {
+    box-sizing: content-box;
+    width: 100%;
+    height: 44px;
+    top: 0;
+    padding-top: env(safe-area-inset-top, 0);
+    color: black;
+    z-index: 5000;
+
+    #{$navbar}__title {
+      font-size: 19px;
+      font-weight: bold;
+      margin-left: 16px;
+    }
+
+    #{$navbar}__inner {
+      width: 100%;
+      height: $height;
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: 5001;
+      display: flex;
+      padding-top: env(safe-area-inset-top, 0);
+      align-items: center;
+      font-family: sans-serif;
+      background-color: white;
+    }
+  }
+
+  &--alipay {
+    @include alipay;
+  }
+
+  &--alipay-alternative {
+    @include alipay;
+
+    #{$navbar}__inner {
+      color: white;
+      background-color: transparent;
+    }
+  }
+
+  &__placeholder {
+    background: #f8f8f8;
+    height: $height;
+    position: relative;
+    z-index: 50;
+    visibility: hidden;
+  }
+}
--- a/src/common/github-logo.png
+++ b/src/common/github-logo.png
--- a/src/common/images/codeberg-logo.svg
+++ b/src/common/images/codeberg-logo.svg
--- a/src/common/images/logo.jpg
+++ b/src/common/images/logo.jpg
--- a/src/common/images/telegram-logo.svg
+++ b/src/common/images/telegram-logo.svg
--- a/src/common/nav.css
+++ b/src/common/nav.css
@ -1,219 +0,0 @@
-.capsule {
-  z-index: 9000;
-  box-sizing: border-box;
-  width: 87px;
-  height: 32px;
-  position: fixed;
-  right: 7px;
-  right: calc(7px + env(safe-area-inset-right, 0));
-  top: 6px;
-  top: calc(6px + env(safe-area-inset-top, 0));
-  border: 0.5pt solid rgba(224, 224, 224, .67);
-  border-radius: 27px;
-  background-color: rgba(255, 255, 255, .6);
-  display: flex;
-  flex-direction: row;
-  justify-content: space-evenly;
-  align-items: center;
-}
-
-.capsule.dark, .dark .capsule {
-  border: 0.5pt solid rgba(32, 32, 32, .33);
-  background-color: rgba(0, 0, 0, .2);
-}
-
-.capsule > .capsule-menu-icon {
-  fill: black;
-  position: relative;
-  left: 1pt;
-  width: 16pt;
-}
-
-.capsule.dark > .capsule-menu-icon, .dark .capsule > .capsule-menu-icon {
-  fill: white;
-}
-
-.capsule > .capsule-exit-icon {
-  fill: black;
-  stroke: black;
-  width: 15pt;
-}
-
-.capsule.dark > .capsule-exit-icon, .dark .capsule > .capsule-exit-icon {
-  fill: white;
-  stroke: white;
-}
-
-.capsule > .splitter {
-  background-color: rgba(0, 0, 0, .2);
-  width: 0.25pt;
-  height: 14pt;
-}
-
-.capsule.dark > .splitter, .dark .capsule > .splitter {
-  background-color: rgba(255, 255, 255, .8);
-}
-
-.alipay-nav {
-  box-sizing: content-box;
-  position: fixed;
-  width: 100%;
-  height: 44px;
-  top: 0;
-  padding-top: env(safe-area-inset-top, 0);
-  display: flex;
-  align-items: center;
-  color: black;
-  background-color: white;
-  z-index: 5000;
-}
-
-.alipay-nav.dark {
-  color: white;
-  background-color: transparent;
-}
-
-.alipay-nav-title {
-  font-size: 19px;
-  font-weight: bold;
-  margin-left: 12.5px;
-}
-
-
-:root {
-  --height: 44px;
-  --right: 25.333vw;
-}
-
-.weui-navigation-bar {
-  overflow: hidden;
-  padding-top: env(safe-area-inset-top, 0);
-}
-
-.weui-navigation-bar *:not(.capsule, .capsule *) {
-  box-sizing: content-box;
-}
-
-.weui-navigation-bar .android {
-  --height: 48px;
-  --right: 29.6vw;
-}
-
-.weui-navigation-bar__inner {
-  align-items: center;
-  display: flex;
-  height: var(--height);
-  left: 0;
-  padding-right: var(--right);
-  padding-top: env(safe-area-inset-top, 0);
-  position: fixed;
-  top: 0;
-  width: calc(100% - var(--right));
-  z-index: 5001;
-  color: black;
-  font-family: "PingFang SC", sans-serif;
-}
-
-.dark .weui-navigation-bar__inner {
-  color: white;
-}
-
-.browser .weui-navigation-bar__inner {
-  background-color: #ededed;
-}
-
-.weui-navigation-bar__inner .weui-navigation-bar__left {
-  -webkit-box-pack: center;
-  align-items: center;
-  display: flex;
-  padding-left: 16px;
-  position: relative;
-  width: var(--right);
-}
-
-.browser .weui-navigation-bar__inner .weui-navigation-bar__left {
-  padding-left: 15px;
-}
-
-.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn {
-  background-repeat: no-repeat;
-  display: inline-block;
-  vertical-align: middle;
-}
-
-.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E");
-  background-position: 50% 50%;
-  background-size: cover;
-  font-size: 12px;
-  height: 2em;
-  width: 1em;
-}
-
-.browser .weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback {
-  background-image: url("data:image/svg+xml,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 10.586l5.657-5.657 1.414 1.414L13.414 12l5.657 5.657-1.414 1.414L12 13.414l-5.657 5.657-1.414-1.414L10.586 12 4.929 6.343 6.343 4.93 12 10.586z' fill-rule='evenodd'/></svg>");
-  background-position: 50% 50%;
-  background-size: cover;
-  font-size: 12px;
-  height: 2em;
-  width: 2em;
-  opacity: 0.8;
-}
-
-.dark .weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' fill='white' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E");
-}
-
-.dark.browser .weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback {
-  background-image: url("data:image/svg+xml,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 10.586l5.657-5.657 1.414 1.414L13.414 12l5.657 5.657-1.414 1.414L12 13.414l-5.657 5.657-1.414-1.414L10.586 12 4.929 6.343 6.343 4.93 12 10.586z' fill-rule='evenodd' fill='white'/></svg>");
-  opacity: 1;
-}
-
-.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback:active {
-  opacity: .5;
-}
-
-.weui-navigation-bar__inner .weui-navigation-bar__center {
-  -webkit-box-pack: center;
-  align-items: center;
-  display: flex;
-  flex: 1;
-  font-size: 17px;
-  justify-content: center;
-  position: relative;
-  text-align: center;
-  font-weight: bold;
-  max-width: calc(100vw - 2 * var(--right));
-}
-
-.browser .weui-navigation-bar__inner .weui-navigation-bar__center {
-  font-weight: 500;
-  font-size: 16px;
-  opacity: .9;
-}
-
-.weui-navigation-bar__inner .weui-navigation-bar__center * {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.weui-navigation-bar__inner .weui-navigation-bar__loading {
-  font-size: 0;
-}
-
-.weui-navigation-bar__inner .weui-navigation-bar__loading .weui-loading {
-  margin-left: 0;
-}
-
-.weui-navigation-bar__inner .weui-navigation-bar__right {
-  margin-right: 16px;
-}
-
-.weui-navigation-bar__placeholder {
-  background: #f8f8f8;
-  height: var(--height);
-  position: relative;
-  z-index: 50;
-  visibility: hidden;
-}
--- a/src/common/nav.scss
+++ b/src/common/nav.scss
@ -0,0 +1,2 @@
+@use "components/capsule.scss";
+@use "components/navbar.scss";
--- a/src/fujian-hc/checkin.html
+++ b/src/fujian-hc/checkin.html
@ -128,28 +128,28 @@
  <view class="type-gsd-h5-react:Container" id="uuid_5e746185" slot="content"
    style="background: linear-gradient(rgb(208, 233, 254) 0%, rgb(238, 240, 245) 520px);">
    <view class="type-gsd-h5-react:Container" id="uuid_3aefb917" style="padding: 5.333vw;">
-      <view class="weui-navigation-bar">
-        <view class="weui-navigation-bar__placeholder"></view>
-        <view class="weui-navigation-bar__inner" style="color: black;">
-          <view class="weui-navigation-bar__left">
-            <div class="weui-navigation-bar__buttons" onclick="history.back();">
-              <div class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></div>
+      <view class="navbar navbar--wechat">
+        <view class="navbar__placeholder"></view>
+        <view class="navbar__inner" style="color: black;">
+          <view class="navbar__left">
+            <div class="navbar__buttons" onclick="history.back();">
+              <div class="navbar__button-goback"></div>
            </div>
          </view>
-          <view class="weui-navigation-bar__center" style="font-weight: normal;">
+          <view class="navbar__center" style="font-weight: normal;">
            <text>张贴码</text>
          </view>
-          <view class="weui-navigation-bar__right">
+          <view class="navbar__right">
          </view>
        </view>
-        <div class="capsule dark" onclick="navigateHome();">
-          <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+        <div class="capsule capsule--wechat capsule--alternative" onclick="navigateHome();">
+          <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
            <circle cx="32" cy="14" r="9.5" />
            <circle cx="54" cy="14" r="6" />
            <circle cx="10" cy="14" r="6" />
          </svg>
-          <div class="splitter"></div>
-          <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+          <div class="capsule__splitter"></div>
+          <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
            <circle cx="30" cy="30" r="9" />
            <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
          </svg>
@ -275,7 +275,7 @@
 <script>
  setStaticTime("#datetime");

-  addStorageField("_name", "#name", "名字", "习近平", presetFilters.name_keepfirstname);
+  addStorageField("_name", "#name", "名字", "习近平", presetFilters.name_preferfirstname);
  addStorageField("_idcard", "#idcard", "身份证号", "110101195306153019", presetFilters.idcard());
  addStorageField("_place", "#place", "场所名称", "四通桥");
  addStorageField("_place_address", "#place-address", "场所地址", "福建省福州市长安街64号");
--- a/src/fujian-hc/index.html
+++ b/src/fujian-hc/index.html
@ -10,25 +10,25 @@
 <link rel="stylesheet" href="app.css">
 <link rel="stylesheet" href="../common/nav.css">
 <script src="../common/base.js"></script>
-<view class="weui-navigation-bar">
-  <view class="weui-navigation-bar__placeholder"></view>
-  <view class="weui-navigation-bar__inner nav" style="color: black;">
-    <view class="weui-navigation-bar__left">
+<view class="navbar navbar--wechat">
+  <view class="navbar__placeholder"></view>
+  <view class="navbar__inner nav" style="color: black;">
+    <view class="navbar__left">
    </view>
-    <view class="weui-navigation-bar__center" style="font-weight: normal;">
+    <view class="navbar__center" style="font-weight: normal;">
      <text>福建健康码</text>
    </view>
-    <view class="weui-navigation-bar__right">
+    <view class="navbar__right">
    </view>
  </view>
-  <div class="capsule" onclick="navigateHome();">
-    <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule capsule--wechat" onclick="navigateHome();">
+    <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
      <circle cx="32" cy="14" r="9.5" />
      <circle cx="54" cy="14" r="6" />
      <circle cx="10" cy="14" r="6" />
    </svg>
-    <div class="splitter"></div>
-    <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+    <div class="capsule__splitter"></div>
+    <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
      <circle cx="30" cy="30" r="9" />
      <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
    </svg>
@ -471,7 +471,7 @@
 <script>
  setDynamicTime("#date", 0, 10);
  setDynamicTime("#time", 11, 19);
-  addStorageField("_name", "#masked-name", "名字", "习近平", presetFilters.name_keepfirstname);
+  addStorageField("_name", "#masked-name", "名字", "习近平", presetFilters.name_preferfirstname);
  addStorageField("_name", "#name", "名字", "习近平");
  addStorageField("_idcard", "#masked-idcard", "身份证号", "110101195306153019", presetFilters.idcard());
  addStorageField("_idcard", "#idcard", "身份证号", "110101195306153019");
--- a/src/fujian-hc/static/index.html
+++ b/src/fujian-hc/static/index.html
@ -1,11 +0,0 @@
-<html>
-<head>
-<meta name="robots" content="noarchive" />
-<meta name="googlebot" content="nosnippet" />
-</head>
-<body>
-<div align=center>
-<h3>Error. Page cannot be displayed. Please contact your service provider for more details.  (18)</h3>
-</div>
-</body>
-</html>
--- a/src/fujian-hc/static/index.html.1
+++ b/src/fujian-hc/static/index.html.1
@ -1,11 +0,0 @@
-<html>
-<head>
-<meta name="robots" content="noarchive" />
-<meta name="googlebot" content="nosnippet" />
-</head>
-<body>
-<div align=center>
-<h3>Error. Page cannot be displayed. Please contact your service provider for more details.  (17)</h3>
-</div>
-</body>
-</html>
--- a/src/gwongzau-hc/checkin.html
+++ b/src/gwongzau-hc/checkin.html
@ -29,43 +29,43 @@
    box-sizing: border-box;
  }
 </style>
-<div class="capsule dark" onclick="navigateHome();">
-  <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+<div class="capsule capsule--wechat capsule--alternative" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="14" r="9.5" />
    <circle cx="54" cy="14" r="6" />
    <circle cx="10" cy="14" r="6" />
  </svg>
-  <div class="splitter"></div>
-  <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
    <circle cx="30" cy="30" r="9" />
    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
  </svg>
 </div>
 <div class="is-bg-blue">
  <div class="roll-warp roll-warp-before">
-    <div class="weui-navigation-bar dark">
-      <div class="weui-navigation-bar__placeholder"></div>
-      <div class="weui-navigation-bar__inner">
-        <div class="weui-navigation-bar__left">
-          <div class="weui-navigation-bar__buttons" onclick="navigateHome();">
+    <div class="navbar navbar--wechat navbar--wechat-alternative">
+      <div class="navbar__placeholder"></div>
+      <div class="navbar__inner">
+        <div class="navbar__left">
+          <div class="navbar__buttons" onclick="navigateHome();">
            <img class="goBackArrow" src="./static/goBackArrow.png" onclick="navigateHome();">
          </div>
        </div>
-        <div class="weui-navigation-bar__center">
+        <div class="navbar__center">
          <span style="font-weight: normal;">通行登记</span>
        </div>
-        <div class="weui-navigation-bar__right">
+        <div class="navbar__right">

        </div>
      </div>
-      <div class="capsule" onclick="navigateHome();">
-        <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+      <div class="capsule capsule--wechat capsule--alternative" onclick="navigateHome();">
+        <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
          <circle cx="32" cy="14" r="9.5" />
          <circle cx="54" cy="14" r="6" />
          <circle cx="10" cy="14" r="6" />
        </svg>
-        <div class="splitter"></div>
-        <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+        <div class="capsule__splitter"></div>
+        <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
          <circle cx="30" cy="30" r="9" />
          <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
        </svg>
--- a/src/henan-hc/checkin.html
+++ b/src/henan-hc/checkin.html
@ -12,15 +12,15 @@
 <script src="../common/base.js"></script>

 <div id="app" class="app-container">
-  <div class="weui-navigation-bar browser">
-    <div class="weui-navigation-bar__placeholder"></div>
-    <div class="weui-navigation-bar__inner">
-      <div class="weui-navigation-bar__left">
-        <div class="weui-navigation-bar__buttons" onclick="history.back();">
-          <div class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></div>
+  <div class="navbar navbar--wechat-browser">
+    <div class="navbar__placeholder"></div>
+    <div class="navbar__inner">
+      <div class="navbar__left">
+        <div class="navbar__buttons" onclick="history.back();">
+          <div class="navbar__button-goback"></div>
        </div>
      </div>
-      <div class="weui-navigation-bar__center">
+      <div class="navbar__center">
        <text>河南省疫情防控场所码</text>
      </div>
    </div>
--- a/src/henan-hc/index.html
+++ b/src/henan-hc/index.html
@ -145,24 +145,24 @@
 <script src="../common/base.js"></script>
 <div id="app">
  <div class="page-green___2ThI9" style="padding-top: 88px;">
-    <div class="alipay-nav dark">
-      <!-- <div class="weui-navigation-bar__placeholder"></div> -->
-      <div class="alipay-nav-title">
-        豫康码
-      </div>
-      <div class="capsule" onclick="navigateHome();">
-        <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
-          <circle cx="32" cy="14" r="6" />
-          <circle cx="54" cy="14" r="6" />
-          <circle cx="10" cy="14" r="6" />
-        </svg>
-        <div class="splitter"></div>
-        <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
-          <!-- <circle cx="30" cy="30" r="9" /> -->
-          <line x1="20" y1="20" x2="40" y2="40" stroke-width="6" />
-          <line x1="40" y1="20" x2="20" y2="40" stroke-width="6" />
-          <circle cx="30" cy="30" r="26" stroke-width="6" fill="transparent" />
-        </svg>
+    <div class="navbar navbar--alipay-alternative" style="display: fixed;">
+      <div class="navbar__inner">
+        <div class="navbar__title">
+          豫康码
+        </div>
+        <div class="capsule capsule--alipay capsule--alternative" onclick="navigateHome();">
+          <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+            <circle cx="32" cy="14" r="6" />
+            <circle cx="54" cy="14" r="6" />
+            <circle cx="10" cy="14" r="6" />
+          </svg>
+          <div class="capsule__splitter"></div>
+          <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+            <line x1="21" y1="21" x2="39" y2="39" stroke-width="5" />
+            <line x1="39" y1="21" x2="21" y2="39" stroke-width="5" />
+            <circle cx="30" cy="30" r="24" stroke-width="5" fill="transparent" />
+          </svg>
+        </div>
      </div>
    </div>
    <div class="main-container___1b3g8">
@ -378,12 +378,17 @@
    window.addEventListener('scroll', () => {
      const scroll_percentage = window.pageYOffset / document.documentElement.clientHeight;
      if (scroll_percentage > 0.25) {
-        document.querySelector(".alipay-nav").classList.remove("dark");
+        document.querySelector(".navbar").classList.remove("navbar--alipay-alternative");
+        document.querySelector(".navbar").classList.add("navbar--alipay");
+        document.querySelector(".capsule").classList.remove("capsule--alternative");
      } else if (scroll_percentage < 0.18) {
-        document.querySelector(".alipay-nav").classList.add("dark");
+        document.querySelector(".navbar").classList.add("navbar--alipay-alternative");
+        document.querySelector(".navbar").classList.remove("navbar--alipay");
+        document.querySelector(".capsule").classList.add("capsule--alternative");
      }
    });
  };
+
  if (document.readyState === "complete" || document.readyState === "interactive") {
    setTimeout(nav_scroll, 1);
  } else {
--- a/src/hubei-hc/index.html
+++ b/src/hubei-hc/index.html
@ -11,29 +11,29 @@
 <link rel="stylesheet" href="../common/nav.css">
 <script src="../common/base.js"></script>

-<view class="weui-navigation-bar">
-  <view class="weui-navigation-bar__placeholder"></view>
-  <view class="weui-navigation-bar__inner" style="background-color: white;">
-    <view class="weui-navigation-bar__left">
-      <view class="weui-navigation-bar__buttons" onclick="history.back();">
-        <view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
+<view class="navbar navbar--wechat">
+  <view class="navbar__placeholder"></view>
+  <view class="navbar__inner" style="background-color: white;">
+    <view class="navbar__left">
+      <view class="navbar__buttons" onclick="history.back();">
+        <view class="navbar__button-goback"></view>
      </view>
    </view>
-    <view class="weui-navigation-bar__center">
+    <view class="navbar__center">
      <text>湖北健康码</text>
    </view>
-    <view class="weui-navigation-bar__right">
+    <view class="navbar__right">

    </view>
  </view>
-  <div class="capsule" onclick="navigateHome();">
-    <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule capsule--wechat" onclick="navigateHome();">
+    <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
      <circle cx="32" cy="14" r="9.5" />
      <circle cx="54" cy="14" r="6" />
      <circle cx="10" cy="14" r="6" />
    </svg>
-    <div class="splitter"></div>
-    <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+    <div class="capsule__splitter"></div>
+    <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
      <circle cx="30" cy="30" r="9" />
      <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
    </svg>
--- a/src/hunan-hc/checkin.html
+++ b/src/hunan-hc/checkin.html
@ -11,18 +11,18 @@
 <link rel="stylesheet" href="../common/nav.css">
 <script src="../common/base.js"></script>
 <body class="vsc-initialized">
-  <div class="weui-navigation-bar browser">
-    <div class="weui-navigation-bar__placeholder"></div>
-    <div class="weui-navigation-bar__inner">
-      <div class="weui-navigation-bar__left">
-        <div class="weui-navigation-bar__buttons" onclick="history.back();">
-          <div class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></div>
+  <div class="navbar navbar--wechat-browser">
+    <div class="navbar__placeholder"></div>
+    <div class="navbar__inner">
+      <div class="navbar__left">
+        <div class="navbar__buttons" onclick="history.back();">
+          <div class="navbar__button-goback"></div>
        </div>
      </div>
-      <div class="weui-navigation-bar__center">
+      <div class="navbar__center">
        <text>电子健康卡二维码</text>
      </div>
-      <div class="weui-navigation-bar__right"></div>
+      <div class="navbar__right"></div>
    </div>
  </div>
  <div data-v-0fea14a0="" id="app">
--- a/src/hunan-hc/index.html
+++ b/src/hunan-hc/index.html
@ -14,18 +14,18 @@
  <script src="../common/base.js"></script>
 </head>
 <body class="vsc-initialized">
-  <div class="weui-navigation-bar browser">
-    <div class="weui-navigation-bar__placeholder"></div>
-    <div class="weui-navigation-bar__inner">
-      <div class="weui-navigation-bar__left">
-        <div class="weui-navigation-bar__buttons" onclick="navigateHome();">
-          <div class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></div>
+  <div class="navbar navbar--wechat-browser">
+    <div class="navbar__placeholder"></div>
+    <div class="navbar__inner">
+      <div class="navbar__left">
+        <div class="navbar__buttons" onclick="navigateHome();">
+          <div class="navbar__button-goback"></div>
        </div>
      </div>
-      <div class="weui-navigation-bar__center">
+      <div class="navbar__center">
        <text>电子健康卡二维码</text>
      </div>
-      <div class="weui-navigation-bar__right">
+      <div class="navbar__right">
  
      </div>
    </div>
--- a/src/index.html
+++ b/src/index.html
@ -5,8 +5,8 @@
 <meta name="theme-color" content="#FCFCFC">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <link rel="manifest" href="manifest.json">
-<link rel="icon" type="image/jpeg" href="common/logo.jpg">
-<link rel="apple-touch-icon" sizes="512x512" href="common/logo.jpg">
+<link rel="icon" type="image/jpeg" href="common/images/logo.jpg">
+<link rel="apple-touch-icon" sizes="512x512" href="common/images/logo.jpg">
 <link rel="stylesheet" href="app.css">
 <script src="app.js"></script>
 <div class="header">
@ -41,12 +41,12 @@
    <div
      class="link-wrapper"
      onclick='window.location.href="https://codeberg.org/ilovexjp/health-code-simulator"'>
-      <img src="common/codeberg-logo.svg" /> <span>@ilovexjp</span>
+      <img src="common/images/codeberg-logo.svg" /> <span>@ilovexjp</span>
    </div>
    <div
      class="link-wrapper"
      onclick='window.location.href="https://t.me/gh_ilovexjp"'>
-      <img src="common/telegram-logo.svg" /> <span>@gh_ilovexjp</span>
+      <img src="common/images/telegram-logo.svg" /> <span>@gh_ilovexjp</span>
    </div>
  </div>
  
@ -72,7 +72,7 @@

  <div class="links-list links-list-help">
    <div class="link-wrapper">
-      <span id="last-update" onclick="updateServiceWorker(this);">上次更新：2022-11-17<span id="last-update-version"></span></span>
+      <span id="last-update" onclick="updateServiceWorker(this);">上次更新：2022-11-21<span id="last-update-version"></span></span>
    </div>
  </div>
 </footer>
--- a/src/jkb/checkin.html
+++ b/src/jkb/checkin.html
@ -717,29 +717,29 @@
      <image src="./static/4f474259427737a36d6c292a3c2f7553.svg" style="position: absolute; left: 10px; top: 8px; height: 26px;" onclick="window.location.href = './index.html';"></image>
      北京健康宝
  </div> -->
-  <view class="weui-navigation-bar dark">
-    <view class="weui-navigation-bar__placeholder"></view>
-    <view class="weui-navigation-bar__inner" style="background: transparent;">
-      <view class="weui-navigation-bar__left">
-        <view class="weui-navigation-bar__buttons" onclick="history.back();">
-          <view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
+  <view class="navbar navbar--wechat navbar--wechat-alternative">
+    <view class="navbar__placeholder"></view>
+    <view class="navbar__inner" style="background: transparent;">
+      <view class="navbar__left">
+        <view class="navbar__buttons" onclick="history.back();">
+          <view class="navbar__button-goback"></view>
        </view>
      </view>
-      <view class="weui-navigation-bar__center">
+      <view class="navbar__center">
        <text>北京健康宝</text>
      </view>
-      <view class="weui-navigation-bar__right">
+      <view class="navbar__right">
  
      </view>
    </view>
-    <view class="capsule" onclick="navigateHome();">
-      <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+    <view class="capsule capsule--wechat capsule--alternative" onclick="navigateHome();">
+      <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
        <circle cx="32" cy="14" r="9.5"/>
        <circle cx="54" cy="14" r="6"/>
        <circle cx="10" cy="14" r="6"/>
      </svg>
-      <view class="splitter"></view>
-      <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+      <view class="capsule__splitter"></view>
+      <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
        <circle cx="30" cy="30" r="9"/>
        <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent"/>
      </svg>
--- a/src/jkb/index.html
+++ b/src/jkb/index.html
--- a/src/jkb/scan.html
+++ b/src/jkb/scan.html
@ -175,7 +175,7 @@
 </style>
 <meta name="theme-color" content="#ffffff">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-<audio style="display: none;" src="./static/1.wav"></audio>
+<audio style="display: none;" preload="auto" src="./static/1.wav"></audio>
 <div id="info">
  <h2>本人信息扫码登记</h2>
  <br>
@ -190,29 +190,29 @@
  <br><br>
  <div id="skip-scan">跳过扫描</div>
 </div>
-<div class="weui-navigation-bar" id="nav">
-  <div class="weui-navigation-bar__placeholder"></div>
-  <div class="weui-navigation-bar__inner" style="color: black; background: white;">
-    <div class="weui-navigation-bar__left">
-      <div class="weui-navigation-bar__buttons" onclick="history.back();">
-        <div class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></div>
+<div class="navbar navbar--wechat" id="nav">
+  <div class="navbar__placeholder"></div>
+  <div class="navbar__inner" style="color: black; background: white;">
+    <div class="navbar__left">
+      <div class="navbar__buttons" onclick="history.back();">
+        <div class="navbar__button-goback"></div>
      </div>
    </div>
-    <div class="weui-navigation-bar__center">
+    <div class="navbar__center">
      <text>北京健康宝</text>
    </div>
-    <div class="weui-navigation-bar__right">
+    <div class="navbar__right">

    </div>
  </div>
-  <div class="capsule" onclick="navigateHome();">
-    <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule capsule--wechat" onclick="navigateHome();">
+    <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
      <circle cx="32" cy="14" r="9.5"/>
      <circle cx="54" cy="14" r="6"/>
      <circle cx="10" cy="14" r="6"/>
    </svg>
-    <div class="splitter"></div>
-    <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+    <div class="capsule__splitter"></div>
+    <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
      <circle cx="30" cy="30" r="9"/>
      <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent"/>
    </svg>
--- a/src/manifest.json
+++ b/src/manifest.json
@ -3,7 +3,7 @@
  "name": "健康码",
  "icons": [
    {
-      "src": "common/logo.jpg",
+      "src": "common/images/logo.jpg",
      "type": "image/jpeg",
      "sizes": "512x512"
    }
--- a/src/service-worker.js
+++ b/src/service-worker.js
--- a/src/shaanxi-hc/checkin.html
+++ b/src/shaanxi-hc/checkin.html
@ -20,24 +20,24 @@
 </head>

 <body>
-  <view class="weui-navigation-bar dark">
-    <view class="weui-navigation-bar__placeholder"></view>
-    <view class="weui-navigation-bar__inner" style="background:#0bae81">
-      <view class="weui-navigation-bar__left">
-        <view class="weui-navigation-bar__buttons" onclick="history.back()">
-          <view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
+  <view class="navbar navbar--wechat navbar--wechat-alternative">
+    <view class="navbar__placeholder"></view>
+    <view class="navbar__inner" style="background:#0bae81">
+      <view class="navbar__left">
+        <view class="navbar__buttons" onclick="history.back()">
+          <view class="navbar__button-goback"></view>
        </view>
      </view>
-      <view class="weui-navigation-bar__center"><text>陕西电子识别码</text></view>
-      <view class="weui-navigation-bar__right"></view>
+      <view class="navbar__center"><text>陕西电子识别码</text></view>
+      <view class="navbar__right"></view>
    </view>
-    <view class="capsule" onclick="navigateHome()"><svg class="capsule-menu-icon" viewBox="0 0 64 28"
+    <view class="capsule capsule--wechat capsule--alternative" onclick="navigateHome()"><svg class="capsule__menu-icon" viewBox="0 0 64 28"
        xmlns="http://www.w3.org/2000/svg">
        <circle cx="32" cy="14" r="9.5"></circle>
        <circle cx="54" cy="14" r="6"></circle>
        <circle cx="10" cy="14" r="6"></circle>
      </svg>
-      <view class="splitter"></view><svg class="capsule-exit-icon" viewBox="0 0 60 60"
+      <view class="capsule__splitter"></view><svg class="capsule__exit-icon" viewBox="0 0 60 60"
        xmlns="http://www.w3.org/2000/svg">
        <circle cx="30" cy="30" r="9"></circle>
        <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent"></circle>
@ -174,7 +174,6 @@
      text.innerHTML = 24;
    }
    function toggleScan(text) {
-      text.innerHTML == '已' ? document.getElementsByClassName("testStyle")[0].setAttribute('style', 'display:none;') : document.getElementsByClassName("testStyle")[0].removeAttribute('style');
      text.innerHTML = text.innerHTML == '已' ? '未' : '已';
    }
    function dateFilter(text) {
@ -183,7 +182,7 @@

    setStaticTime("#testtime", 5, 19, 4, 8, dateFilter);
    setStaticTime('#time');
-    addStorageField('_name', '#_name', '名字', '习近平', presetFilters.name);
+    addStorageField('_name', '#_name', '名字', '习近平', presetFilters.name_preferfirstname);
    addStorageField('_idcard', '#_idcard', '身份证号', '110101195306153019', presetFilters.idcard(1, 2));
    addStorageField('_place', '#_place', '地点名称', '下北泽');
    addStorageField('_place_type', '#_place_type', '地点类型', '住所');
--- a/src/shaanxi-hc/index.html
+++ b/src/shaanxi-hc/index.html
@ -20,24 +20,24 @@
 </head>

 <body>
-  <view class="weui-navigation-bar dark">
-    <view class="weui-navigation-bar__placeholder"></view>
-    <view class="weui-navigation-bar__inner" style="background:#0bae81">
-      <view class="weui-navigation-bar__left">
-        <view class="weui-navigation-bar__buttons" onclick="history.back()">
-          <view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
+  <view class="navbar navbar--wechat navbar--wechat-alternative">
+    <view class="navbar__placeholder"></view>
+    <view class="navbar__inner" style="background:#0bae81">
+      <view class="navbar__left">
+        <view class="navbar__buttons" onclick="history.back()">
+          <view class="navbar__button-goback"></view>
        </view>
      </view>
-      <view class="weui-navigation-bar__center"><text>陕西电子识别码</text></view>
-      <view class="weui-navigation-bar__right"></view>
+      <view class="navbar__center"><text>陕西电子识别码</text></view>
+      <view class="navbar__right"></view>
    </view>
-    <view class="capsule" onclick="navigateHome()"><svg class="capsule-menu-icon" viewBox="0 0 64 28"
+    <view class="capsule capsule--wechat capsule--alternative" onclick="navigateHome()"><svg class="capsule__menu-icon" viewBox="0 0 64 28"
        xmlns="http://www.w3.org/2000/svg">
        <circle cx="32" cy="14" r="9.5"></circle>
        <circle cx="54" cy="14" r="6"></circle>
        <circle cx="10" cy="14" r="6"></circle>
      </svg>
-      <view class="splitter"></view><svg class="capsule-exit-icon" viewBox="0 0 60 60"
+      <view class="capsule__splitter"></view><svg class="capsule__exit-icon" viewBox="0 0 60 60"
        xmlns="http://www.w3.org/2000/svg">
        <circle cx="30" cy="30" r="9"></circle>
        <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent"></circle>
@ -129,7 +129,7 @@
  <script>
    setDynamicTime('.code-time', 0, 17, (s) => s.replaceAll("-", "."));
    setDynamicTime('.code-second', 17, 19);
-    addStorageField('_name', '#_name', '名字', '习近平', presetFilters.name);
+    addStorageField('_name', '#_name', '名字', '习近平', presetFilters.name_preferfirstname);
    addStorageField('_idcard', '#_idcard', '身份证号', '110101195306153019', presetFilters.idcard(1, 2));
    initServiceWorker('shaanxi-hc');
  </script>
--- a/src/shandong-hc/index.html
+++ b/src/shandong-hc/index.html
@ -11,30 +11,30 @@
 <link rel="stylesheet" href="../common/nav.css">
 <script src="../common/base.js"></script>

-<view class="weui-navigation-bar">
-  <view class="weui-navigation-bar__placeholder"></view>
-  <view class="weui-navigation-bar__inner" style="color: black; background: white;">
-    <view class="weui-navigation-bar__left">
-      <view class="weui-navigation-bar__buttons" onclick="history.back();">
-        <view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
+<view class="navbar navbar--wechat">
+  <view class="navbar__placeholder"></view>
+  <view class="navbar__inner" style="color: black; background: white;">
+    <view class="navbar__left">
+      <view class="navbar__buttons" onclick="history.back();">
+        <view class="navbar__button-goback"></view>
      </view>
    </view>
-    <view class="weui-navigation-bar__center">
+    <view class="navbar__center">
      <text>健康码出示</text>
    </view>
-    <view class="weui-navigation-bar__right">
+    <view class="navbar__right">

    </view>
  </view>
 </view>
-<div class="capsule" onclick="navigateHome();">
-  <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+<div class="capsule capsule--wechat" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="14" r="9.5"/>
    <circle cx="54" cy="14" r="6"/>
    <circle cx="10" cy="14" r="6"/>
  </svg>
-  <div class="splitter"></div>
-  <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
    <circle cx="30" cy="30" r="9"/>
    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent"/>
  </svg>
--- a/src/skm/detail.html
+++ b/src/skm/detail.html
@ -4,11 +4,12 @@
  <title>核酸检测</title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height,viewport-fit=cover,initial-scale=1,maximum-scale=1,user-scalable=0">
-  <meta name="theme-color" content="#448bfb">
-  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="theme-color" content="#ffffff">
+  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <link rel="manifest" href="manifest.json">
  <link href="css/chunk-vendors.e42493a3.css" rel="stylesheet">
  <link href="css/app.5e428cca.css" rel="stylesheet">
+  <link href="../common/nav.css" rel="stylesheet">
  <script src="../common/base.js"></script>
  <style>
    .btn {
@ -33,9 +34,29 @@
 </head>

 <body>
-  <div style="top: 0; left: 0; width: 100%; height: env(safe-area-inset-top, 0); background-color: #448bfb;"></div>
+  <div class="navbar navbar--alipay">
+    <div class="navbar__placeholder"></div>
+    <div class="navbar__inner">
+      <div class="navbar__title">
+        苏康码
+      </div>
+      <div class="capsule capsule--alipay" onclick="navigateHome();">
+        <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+          <circle cx="32" cy="14" r="6" />
+          <circle cx="54" cy="14" r="6" />
+          <circle cx="10" cy="14" r="6" />
+        </svg>
+        <div class="capsule__splitter"></div>
+        <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+          <line x1="21" y1="21" x2="39" y2="39" stroke-width="5" />
+          <line x1="39" y1="21" x2="21" y2="39" stroke-width="5" />
+          <circle cx="30" cy="30" r="24" stroke-width="5" fill="transparent" />
+        </svg>
+      </div>
+    </div>
+  </div>
  <div id="app" style="position: relative;">
-    <button type="button" class="btn" onclick="window.location.href = './index.html';">返回</button>
+    <button type="button" class="btn" onclick="history.back();">返回</button>
    <div data-v-52870d82="" class="container1">
      <div data-v-52870d82="" class="container">
        <div data-v-52870d82="" id="load" class="van-loading van-loading--spinner" style="display: none;"><span
@ -97,10 +118,6 @@
    setStaticTime("._test_datetime");
    
    initServiceWorker("skm");
-    
-    if (window.location.hash == "#fromindex") {
-      document.querySelector(".btn").style.display = "none";
-    }
  </script>
 </body>

--- a/src/skm/dist/skm1665467361.min.js
+++ b/src/skm/dist/skm1665467361.min.js
--- a/src/skm/index.html
+++ b/src/skm/index.html
@ -2,16 +2,38 @@
 <html lang="en" class="pixel-ratio-2 retina android android-6 android-6-0">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta name="viewport" content="width=device-width,height=device-height,viewport-fit=cover,initial-scale=1,maximum-scale=1,user-scalable=0">
-<meta name="theme-color" content="#3489eb">
-<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+<meta name="theme-color" content="#ffffff">
+<meta name="apple-mobile-web-app-status-bar-style" content="default">
 <title>苏康码</title>
 <link rel="stylesheet" href="./plug/bootstrap-4.3.1/css/bootstrap.min.css">
 <link rel="stylesheet" href="./plug/mobileSelect/mobileSelect.css">
 <link rel="stylesheet" href="./css/index20220509.css">
+<link rel="stylesheet" href="../common/nav.css">
 <link rel="manifest" href="manifest.json">
 <script src="../common/base.js"></script>

-<div style="top: 0; left: 0; width: 100%; height: env(safe-area-inset-top, 0); background-color: #3489eb;"></div>
+<div class="navbar navbar--alipay">
+  <div class="navbar__placeholder"></div>
+  <div class="navbar__inner">
+    <div class="navbar__title">
+      苏康码
+    </div>
+    <div class="capsule capsule--alipay" onclick="navigateHome();">
+      <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+        <circle cx="32" cy="14" r="6" />
+        <circle cx="54" cy="14" r="6" />
+        <circle cx="10" cy="14" r="6" />
+      </svg>
+      <div class="capsule__splitter"></div>
+      <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+        <line x1="21" y1="21" x2="39" y2="39" stroke-width="5" />
+        <line x1="39" y1="21" x2="21" y2="39" stroke-width="5" />
+        <circle cx="30" cy="30" r="24" stroke-width="5" fill="transparent" />
+      </svg>
+    </div>
+  </div>
+</div>
+
 <div class="wrapper">
  <div class="title-pic hide">
    <div class="icons">
--- a/src/ssm/checkin.html
+++ b/src/ssm/checkin.html
@ -27,14 +27,14 @@
    display: block;
  }
 </style>
-<div class="capsule" onclick="navigateHome();">
-  <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+<div class="capsule capsule--wechat" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="14" r="9.5" />
    <circle cx="54" cy="14" r="6" />
    <circle cx="10" cy="14" r="6" />
  </svg>
-  <div class="splitter"></div>
-  <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
    <circle cx="30" cy="30" r="9" />
    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
  </svg>
--- a/src/ssm/index.html
+++ b/src/ssm/index.html
@ -24,14 +24,14 @@
    display: block;
  }
 </style>
-<div class="capsule" onclick="navigateHome();">
-  <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+<div class="capsule capsule--wechat" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="14" r="9.5"/>
    <circle cx="54" cy="14" r="6"/>
    <circle cx="10" cy="14" r="6"/>
  </svg>
-  <div class="splitter"></div>
-  <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
    <circle cx="30" cy="30" r="9"/>
    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent"/>
  </svg>
--- a/src/tfjkt/checkin.html
+++ b/src/tfjkt/checkin.html
@ -280,14 +280,14 @@
  }
 </style>

-<div class="capsule" onclick="navigateHome();">
-  <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+<div class="capsule capsule--wechat" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="14" r="9.5" />
    <circle cx="54" cy="14" r="6" />
    <circle cx="10" cy="14" r="6" />
  </svg>
-  <div class="splitter"></div>
-  <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
    <circle cx="30" cy="30" r="9" />
    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
  </svg>
@ -430,7 +430,7 @@
  setStaticTime("#covid-test-datetime", 5, 13, 6, 5, (x) => x.replace("-", "/") + "时");
  setStaticTime("#trace-update-datetime", 5, 13, 2, 1, (x) => x.replace("-", "/") + "时");

-  addStorageField("_name", "#name", "名字", "习近平", presetFilters.name_keepfirstname);
+  addStorageField("_name", "#name", "名字", "习近平", presetFilters.name_preferfirstname);
  addStorageField("_idcard", "#idcard", "身份证号", "110101195306153019", presetFilters.idcard());

  addStorageField("_place", "#place", "场所名称", "二仙桥");
--- a/src/tfjkt/index.html
+++ b/src/tfjkt/index.html
@ -16,14 +16,14 @@
  <span class="title">四川天府健康通</span>
  <div></div>
 </div>
-<div class="capsule" onclick="navigateHome();">
-  <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+<div class="capsule capsule--wechat" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="14" r="9.5"/>
    <circle cx="54" cy="14" r="6"/>
    <circle cx="10" cy="14" r="6"/>
  </svg>
-  <div class="splitter"></div>
-  <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
    <circle cx="30" cy="30" r="9"/>
    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent"/>
  </svg>
@ -105,7 +105,7 @@
          </view>
        </view>
        <view class=" type-gsd-h5-react:Container" id="id35"
-          style="width: 4vw; height: 4vw; border-style: none; border-radius: 50%; background: #3858E6; position: absolute; left: -2vw; top: 19.067vw; color: #; border-top-left-radius: 2vw; border-top-right-radius: 2vw; border-bottom-left-radius: 2vw;">
+          style="width: 4vw; height: 4vw; border-style: none; border-radius: 50%; background: #3858E6; position: absolute; left: -2vw; top: 19.067vw; border-top-left-radius: 2vw; border-top-right-radius: 2vw; border-bottom-left-radius: 2vw;">
        </view>
        <view class=" type-gsd-h5-react:Container" id="id36"
          style="width: 4vw; height: 4vw; border-radius: 50%; background: #3858E6; position: absolute; right: -2vw; top: 19.067vw; color: #2b4fde;">
@ -272,7 +272,7 @@
  setDynamicTime("#_min", 11, 17);
  setDynamicTime("#_sec", 17, 19);

-  addStorageField("_name", "#_name", "名字", "习近平", presetFilters.name_keepfirstname);
+  addStorageField("_name", "#_name", "名字", "习近平", presetFilters.name_preferfirstname);
  addStorageField("_idcard", "#_idcard", "身份证号", "110101195306153019", presetFilters.idcard());

  initServiceWorker("tfjkt");
--- a/src/trip-card/index.html
+++ b/src/trip-card/index.html
@ -11,30 +11,30 @@
 <link rel="stylesheet" href="../common/nav.css">
 <script src="../common/base.js"></script>

-<view class="weui-navigation-bar">
-  <view class="weui-navigation-bar__placeholder"></view>
-  <view class="weui-navigation-bar__inner" style="color: black; background: white;">
-    <view class="weui-navigation-bar__left">
-      <view class="weui-navigation-bar__buttons" onclick="history.back();">
-        <view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
+<view class="navbar navbar--wechat">
+  <view class="navbar__placeholder"></view>
+  <view class="navbar__inner" style="color: black; background: white;">
+    <view class="navbar__left">
+      <view class="navbar__buttons" onclick="history.back();">
+        <view class="navbar__button-goback"></view>
      </view>
    </view>
-    <view class="weui-navigation-bar__center">
+    <view class="navbar__center">
      <span>通信行程卡</span>
    </view>
-    <view class="weui-navigation-bar__right">
+    <view class="navbar__right">

    </view>
  </view>
 </view>
-<div class="capsule" onclick="navigateHome();">
-  <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+<div class="capsule capsule--wechat" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="14" r="9.5"/>
    <circle cx="54" cy="14" r="6"/>
    <circle cx="10" cy="14" r="6"/>
  </svg>
-  <div class="splitter"></div>
-  <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
    <circle cx="30" cy="30" r="9"/>
    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent"/>
  </svg>
--- a/src/weihai-hc/index.html
+++ b/src/weihai-hc/index.html
@ -14,15 +14,15 @@
 </head>

 <body class="green">
-  <div class="weui-navigation-bar browser">
-    <div class="weui-navigation-bar__placeholder"></div>
-    <div class="weui-navigation-bar__inner">
-      <div class="weui-navigation-bar__left">
-        <div class="weui-navigation-bar__buttons" onclick="navigateHome();">
-          <div class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></div>
+  <div class="navbar navbar--wechat-browser">
+    <div class="navbar__placeholder"></div>
+    <div class="navbar__inner">
+      <div class="navbar__left">
+        <div class="navbar__buttons" onclick="navigateHome();">
+          <div class="navbar__button-goback"></div>
        </div>
      </div>
-      <div class="weui-navigation-bar__center">
+      <div class="navbar__center">
        <text>威海市公共场所出入登记</text>
      </div>
    </div>
--- a/src/wuhan-hc/index.html
+++ b/src/wuhan-hc/index.html
@ -13,31 +13,31 @@
 <script src="../common/base.js"></script>

 <view>
-  <view class="weui-navigation-bar">
-    <view class="weui-navigation-bar__placeholder"></view>
-    <view class="weui-navigation-bar__inner" style="color: white;background: #338FF1;">
-      <view class="weui-navigation-bar__left">
+  <view class="navbar navbar--wechat">
+    <view class="navbar__placeholder"></view>
+    <view class="navbar__inner" style="color: white;background: #338FF1;">
+      <view class="navbar__left">
        <view bind:tap="backto" slot="left" style="width: 5.333vw;height: 9.333vw;display: flex;align-items: center;" onclick="history.back();">
          <image src="./static/arrow-left.png" style="width: 2.667vw;height: 4.667vw;"></image>
        </view>
      </view>
-      <view class="weui-navigation-bar__center">
+      <view class="navbar__center">
        <text>湖北健康码</text>
      </view>
-      <view class="weui-navigation-bar__right">
+      <view class="navbar__right">

      </view>
    </view>
  </view>

-  <div class="capsule" onclick="navigateHome();">
-    <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule capsule--wechat" onclick="navigateHome();">
+    <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
      <circle cx="32" cy="14" r="9.5"/>
      <circle cx="54" cy="14" r="6"/>
      <circle cx="10" cy="14" r="6"/>
    </svg>
-    <div class="splitter"></div>
-    <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+    <div class="capsule__splitter"></div>
+    <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
      <circle cx="30" cy="30" r="9"/>
      <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent"/>
    </svg>
--- a/src/ykm/checkin.html
+++ b/src/ykm/checkin.html
@ -2355,14 +2355,14 @@
    }
  }
 </style>
-<div class="capsule dark" onclick="navigateHome();">
-  <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+<div class="capsule capsule--wechat capsule--alternative" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="14" r="9.5" />
    <circle cx="54" cy="14" r="6" />
    <circle cx="10" cy="14" r="6" />
  </svg>
-  <div class="splitter"></div>
-  <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
    <circle cx="30" cy="30" r="9" />
    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
  </svg>
@ -2441,7 +2441,7 @@
            </view>
          </view>
          <view bind:tap="handleTravelCard" class="xck_action xck_action_bule"
-            onclick="window.location.href = '/trip-card'">
+            onclick="navigateToTripCard();">
            <image class="xck_action_icon" src="./static/afe4df7c15bffd8eaef1fe02a4af8474.svg"></image>
            <view>出示行程卡</view>
          </view>
--- a/src/ykm/detail.html
+++ b/src/ykm/detail.html
@ -11,30 +11,30 @@
 <link rel="stylesheet" href="../common/nav.css">
 <script src="../common/base.js"></script>
 <body>
-  <view class="weui-navigation-bar">
-    <view class="weui-navigation-bar__placeholder"></view>
-    <view class="weui-navigation-bar__inner" style="color: black; background: white;">
-      <view class="weui-navigation-bar__left">
-        <view class="weui-navigation-bar__buttons" onclick="history.back();">
-          <view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
+  <view class="navbar navbar--wechat">
+    <view class="navbar__placeholder"></view>
+    <view class="navbar__inner" style="color: black; background: white;">
+      <view class="navbar__left">
+        <view class="navbar__buttons" onclick="history.back();">
+          <view class="navbar__button-goback"></view>
        </view>
      </view>
-      <view class="weui-navigation-bar__center">
+      <view class="navbar__center">
        <text>核酸检测记录</text>
      </view>
-      <view class="weui-navigation-bar__right">
+      <view class="navbar__right">
  
      </view>
    </view>
  </view>
-  <div class="capsule" onclick="navigateHome();">
-    <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule capsule--wechat" onclick="navigateHome();">
+    <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
      <circle cx="32" cy="14" r="9.5" />
      <circle cx="54" cy="14" r="6" />
      <circle cx="10" cy="14" r="6" />
    </svg>
-    <div class="splitter"></div>
-    <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+    <div class="capsule__splitter"></div>
+    <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
      <circle cx="30" cy="30" r="9" />
      <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
    </svg>
--- a/src/ykm/index.html
+++ b/src/ykm/index.html
@ -1972,14 +1972,14 @@
    color: #3888ff;
  }
 </style>
-<div class="capsule dark" onclick="navigateHome();">
-  <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+<div class="capsule capsule--wechat capsule--alternative" onclick="navigateHome();">
+  <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="14" r="9.5" />
    <circle cx="54" cy="14" r="6" />
    <circle cx="10" cy="14" r="6" />
  </svg>
-  <div class="splitter"></div>
-  <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+  <div class="capsule__splitter"></div>
+  <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
    <circle cx="30" cy="30" r="9" />
    <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
  </svg>
--- a/src/zhejiang-hc/index.html
+++ b/src/zhejiang-hc/index.html
@ -10,29 +10,29 @@
 <link rel="stylesheet" href="../common/nav.css">
 <script src="../common/base.js"></script>
 <page>
-  <view class="weui-navigation-bar dark">
-    <view class="weui-navigation-bar__placeholder"></view>
-    <view class="weui-navigation-bar__inner" style="color: white; background-color: #0F52D0;">
-      <view class="weui-navigation-bar__left">
-        <view class="weui-navigation-bar__buttons" onclick="history.back();">
-          <view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
+  <view class="navbar navbar--wechat navbar--wechat-alternative">
+    <view class="navbar__placeholder"></view>
+    <view class="navbar__inner" style="color: white; background-color: #0F52D0;">
+      <view class="navbar__left">
+        <view class="navbar__buttons" onclick="history.back();">
+          <view class="navbar__button-goback"></view>
        </view>
      </view>
-      <view class="weui-navigation-bar__center">
+      <view class="navbar__center">
        <text>浙江健康码</text>
      </view>
-      <view class="weui-navigation-bar__right">
+      <view class="navbar__right">

      </view>
    </view>
-    <div class="capsule" onclick="navigateHome();">
-      <svg class="capsule-menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
+    <div class="capsule capsule--wechat capsule--alternative" onclick="navigateHome();">
+      <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
        <circle cx="32" cy="14" r="9.5" />
        <circle cx="54" cy="14" r="6" />
        <circle cx="10" cy="14" r="6" />
      </svg>
-      <div class="splitter"></div>
-      <svg class="capsule-exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
+      <div class="capsule__splitter"></div>
+      <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
        <circle cx="30" cy="30" r="9" />
        <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
      </svg>
				`@ -0,0 +1 @@`
				<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1632628650763" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11324" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M999.103969 450.980217 600.03496 32.435355C559.394816-10.188151 492.394773-10.891714 450.867491 30.861655L26.049704 457.992209C-23.655972 507.968481 1.212199 568.281046 71.688022 567.83196L191.983925 567.065422 156.438281 531.756441 156.438281 917.836305C156.438281 976.336883 203.589196 1023.825676 261.911636 1023.825676L389.99329 1023.825676 389.99329 953.206301 261.911636 953.206301C242.721404 953.206301 227.0793 937.452108 227.0793 917.836305L227.0793 531.756441C227.0793 512.167492 211.12822 496.322622 191.533656 496.447477L71.237753 497.214033C66.173938 497.246289 62.895469 496.713148 61.736428 496.22598 63.980271 497.169102 67.084328 499.993735 69.04654 504.752651 70.980045 509.441972 70.786089 513.494624 69.931418 515.610663 70.455361 514.313455 72.463158 511.484602 76.143505 507.784218L500.961291 80.653664C514.458349 67.083127 535.692465 67.306108 548.901395 81.159669L947.970422 499.704531C951.487338 503.393087 953.386928 506.221746 953.891186 507.578027 953.219595 505.771654 953.125848 502.205128 954.837927 498.082651 956.584273 493.877656 959.306191 491.320776 961.229598 490.464427 960.049848 490.989677 956.841363 491.570786 951.877986 491.602406L952.328255 562.22035C1022.230896 561.774919 1047.266224 501.492949 999.103969 450.980217ZM774.238215 1023.825676C832.500577 1023.825676 879.711571 976.292569 879.711571 917.836305L879.711571 527.597754 844.616195 562.906718 952.328255 562.22035 951.877986 491.602406 844.165926 492.288773C824.747205 492.412516 809.070551 508.184576 809.070551 527.597754L809.070551 917.836305C809.070551 937.402462 793.373788 953.206301 774.238215 953.206301L646.156562 953.206301 646.156562 1023.825676 774.238215 1023.825676ZM582.482144 670.786834C582.575273 670.786834 582.632792 1023.982363 582.632792 1023.982363L653.273812 1023.982363 653.273812 670.618548C653.273812 631.73658 621.484606 600.16746 582.482144 600.16746L441.501384 600.16746C402.513769 600.16746 370.709699 631.646628 370.709699 670.618548L441.350736 670.618548C441.350736 670.806978 582.482144 670.786834 582.482144 670.786834ZM441.350736 670.618548 370.709699 670.618548 370.709699 1023.982363 441.350736 1023.982363 441.350736 670.618548Z" p-id="11325" fill="#ffffff"></path></svg>