diff --git a/package.json b/package.json
index 06b3e52..cf21d7a 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
   "dependencies": {
     "@dcloudio/uni-app": "^3.0.0-4080420251103001",
     "@dcloudio/uni-app-plus": "^3.0.0-4080420251103001",
+    "pinia": "^3.0.4",
     "vue": "^3.4.27"
   },
   "devDependencies": {
diff --git a/src/api.js b/src/api.js
new file mode 100644
index 0000000..2d48c08
--- /dev/null
+++ b/src/api.js
@@ -0,0 +1,184 @@
+let BASE_URL = "https://apitest.shelingxingqiu.com/api/shoot"; // 默认正式版
+
+function request(method, url, data = {}) {
+  const token = uni.getStorageSync("token");
+  const header = {};
+  if (token) header.Authorization = `Bearer ${token || ""}`;
+  return new Promise((resolve, reject) => {
+    uni.request({
+      url: `${BASE_URL}${url}`,
+      method,
+      header,
+      data,
+      timeout: 10000,
+      success: (res) => {
+        if (res.data) {
+          const { code, data, message } = res.data;
+          if (code === 0) resolve(data);
+          else if (message) {
+            if (message.indexOf("登录身份已失效") !== -1) {
+              uni.removeStorageSync("token");
+            }
+            if (message === "ROOM_FULL") {
+              resolve({ full: true });
+              return;
+            }
+            if (message === "ERROR_ROOM_GAME_START") {
+              resolve({ started: true });
+              return;
+            }
+            if (url.indexOf("/user/room") !== -1 && method === "GET") {
+              resolve({});
+              return;
+            }
+            if (message === "ERROR_BATTLE_GAMING") {
+              resolve({});
+              return;
+            }
+            if (message === "BIND_DEVICE") {
+              resolve({ binded: true });
+              return;
+            }
+            if (message === "ERROR_ORDER_UNPAY") {
+              uni.showToast({
+                title: "当前有未支付订单",
+                icon: "none",
+              });
+              resolve({});
+              return;
+            }
+            if (message === "ROOM_EMPTY") {
+              return uni.showToast({
+                title: "房间已过期",
+                icon: "none",
+              });
+            }
+            uni.showToast({
+              title: message,
+              icon: "none",
+            });
+          }
+          reject("");
+        }
+      },
+      fail: (err) => {
+        handleRequestError(err, url);
+        reject(err);
+      },
+    });
+  });
+}
+
+// 统一的错误处理函数
+function handleRequestError(err, url) {
+  console.log("请求失败:", { err, url });
+
+  // 根据错误类型显示不同提示
+  if (err.errMsg) {
+    if (err.errMsg.includes("timeout")) {
+      showCustomToast("请求超时，请稍后重试", "timeout");
+    } else if (err.errMsg.includes("fail")) {
+      // 检查网络状态
+      uni.getNetworkType({
+        success: (res) => {
+          if (res.networkType === "none") {
+            showCustomToast("网络连接已断开，请检查网络设置", "network");
+          } else {
+            showCustomToast("服务器连接失败，请稍后重试", "server");
+          }
+        },
+        fail: () => {
+          showCustomToast("网络异常，请检查网络连接", "unknown");
+        },
+      });
+    } else {
+      showCustomToast("请求失败，请稍后重试", "general");
+    }
+  } else {
+    showCustomToast("网络异常，请稍后重试", "unknown");
+  }
+}
+
+// 自定义提示函数
+function showCustomToast(message, type) {
+  const config = {
+    title: message,
+    icon: "none",
+    duration: 3000,
+  };
+
+  // 根据错误类型可以添加不同的处理逻辑
+  switch (type) {
+    case "timeout":
+      config.duration = 4000; // 超时提示显示更久
+      break;
+    case "network":
+      config.duration = 5000; // 网络问题提示显示更久
+      break;
+    default:
+      break;
+  }
+
+  uni.showToast(config);
+}
+
+export const getHomeData = (seasonId) => {
+  return request("GET", `/user/myHome?seasonId=${seasonId}`);
+};
+
+export const getPointBookConfigAPI = async () => {
+  return request("GET", "/user/score/sheet/option");
+};
+
+export const getPointBookListAPI = async (
+  page = 1,
+  bowType,
+  distance,
+  targetType
+) => {
+  let url = `/user/score/sheet/list?pageNum=${page}&pageSize=10`;
+  if (bowType) url += `&bowType=${bowType}`;
+  if (distance) url += `&distance=${distance}`;
+  if (targetType) url += `&targetType=${targetType}`;
+  const result = await request("GET", url);
+  return result.list || [];
+};
+
+export const getPointBookStatisticsAPI = async () => {
+  return request("GET", `/v2/user/score/sheet/statistics`);
+};
+
+export const removePointRecord = async (id) => {
+  return request("DELETE", `/user/score/sheet/delete?id=${id}`);
+};
+
+export const getPointBookDetailAPI = async (id) => {
+  return request("GET", `/user/score/sheet/detail?id=${id}`);
+};
+
+export const addNoteAPI = async (id, remark) => {
+  return request("POST", "/user/score/sheet/remark", { id, remark });
+};
+
+export const savePointBookAPI = async (
+  bowType,
+  distance,
+  targetType,
+  groups,
+  arrows,
+  data = []
+) => {
+  return request("POST", "/user/score/sheet/report", {
+    bowType,
+    distance,
+    targetType,
+    groups,
+    arrows,
+    group_data: data.map((item) =>
+      item.map((i) => ({
+        ...i,
+        ring: i.ring === "M" ? -1 : i.ring === "X" ? 0 : Number(i.ring),
+      }))
+    ),
+  });
+};
diff --git a/src/components/AppBackground.vue b/src/components/AppBackground.vue
new file mode 100644
index 0000000..3095318
--- /dev/null
+++ b/src/components/AppBackground.vue
@@ -0,0 +1,65 @@
+<script setup>
+import { ref, onMounted } from "vue";
+const props = defineProps({
+  type: {
+    type: Number,
+    default: 0,
+  },
+  bgColor: {
+    type: String,
+    default: "#050b19",
+  },
+});
+const capsuleHeight = ref(0);
+// onMounted(() => {
+//   const menuBtnInfo = uni.getMenuButtonBoundingClientRect();
+//   capsuleHeight.value = menuBtnInfo.top + 50 - 9;
+// });
+</script>
+
+<template>
+  <view class="background" :style="{ backgroundColor: bgColor }">
+    <image
+      class="bg-image"
+      v-if="type === 2"
+      src="../static/app-bg3.png"
+      :style="{ height: capsuleHeight + 'px' }"
+    />
+    <image
+      class="bg-image"
+      v-if="type === 4"
+      src="../static/app-bg5.png"
+      mode="widthFix"
+    />
+    <view class="bg-overlay" v-if="type === 0"></view>
+  </view>
+</template>
+
+<style scoped>
+.background {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  z-index: -1;
+}
+
+.bg-image {
+  width: 100%;
+  height: 100%;
+}
+
+.bg-overlay {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  background: linear-gradient(
+    to bottom,
+    rgba(26, 26, 26, 0.2),
+    rgba(0, 0, 0, 0.2)
+  );
+}
+</style>
diff --git a/src/components/Avatar.vue b/src/components/Avatar.vue
new file mode 100644
index 0000000..b8a5111
--- /dev/null
+++ b/src/components/Avatar.vue
@@ -0,0 +1,49 @@
+<script setup>
+const props = defineProps({
+  src: {
+    type: String,
+    default: "",
+  },
+  onClick: {
+    type: Function,
+    default: () => {},
+  },
+  size: {
+    type: Number,
+    default: 45,
+  },
+  borderColor: {
+    type: String,
+    default: "",
+  },
+});
+</script>
+
+<template>
+  <view class="avatar" @click="onClick">
+    <image
+      :src="src || '../static/user-icon.png'"
+      mode="widthFix"
+      :style="{
+        width: size + 'px',
+        height: size + 'px',
+        minHeight: size + 'px',
+        borderColor: borderColor || '#fff',
+      }"
+      class="avatar-image"
+    />
+  </view>
+</template>
+
+<style scoped>
+.avatar {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.avatar-image {
+  border-radius: 50%;
+  border: 1px solid #fff;
+}
+</style>
diff --git a/src/components/BowTargetEdit.vue b/src/components/BowTargetEdit.vue
new file mode 100644
index 0000000..0af60ae
--- /dev/null
+++ b/src/components/BowTargetEdit.vue
@@ -0,0 +1,349 @@
+<script setup>
+import { ref, onMounted } from "vue";
+import { getElementRect, calcRing } from "@/util";
+
+const props = defineProps({
+  id: {
+    type: Number,
+    default: 0,
+  },
+  src: {
+    type: String,
+    default: "",
+  },
+  arrows: {
+    type: Array,
+    default: () => [],
+  },
+  onChange: {
+    type: Function,
+    default: null,
+  },
+  editMode: {
+    type: Boolean,
+    default: true,
+  },
+});
+
+const rect = ref({});
+const arrow = ref(null);
+const isDragging = ref(false);
+const dragStartPos = ref({ x: 0, y: 0 });
+const scale = ref(1);
+let lastMoveTime = 0;
+
+// 点击靶纸创建新的点
+const onClick = async (e) => {
+  if (
+    arrow.value !== null ||
+    !props.onChange ||
+    Date.now() - lastMoveTime < 300
+  ) {
+    return;
+  }
+  if (props.id === 7 || props.id === 9) {
+    scale.value = 1.5;
+  }
+  const newArrow = {
+    x: (e.detail.x - 6) * scale.value,
+    y: (e.detail.y - rect.value.top - 6) * scale.value,
+  };
+
+  const side = rect.value.width;
+  newArrow.ring = calcRing(
+    props.id,
+    newArrow.x / scale.value - rect.value.width * 0.05,
+    newArrow.y / scale.value - rect.value.width * 0.05,
+    rect.value.width * 0.9
+  );
+  arrow.value = {
+    ...newArrow,
+    x: newArrow.x / side,
+    y: newArrow.y / side,
+  };
+};
+
+// 确认添加箭矢
+const confirmAdd = () => {
+  if (props.onChange) {
+    props.onChange({
+      x: arrow.value.x / scale.value,
+      y: arrow.value.y / scale.value,
+      ring: arrow.value.ring || "M",
+    });
+  }
+  arrow.value = null;
+  scale.value = 1;
+};
+
+// 删除箭矢
+const deleteArrow = () => {
+  arrow.value = null;
+  scale.value = 1;
+};
+
+// 开始拖拽 - 同样修复坐标获取
+const startDrag = async (e) => {
+  if (!e.touches[0]) return;
+  isDragging.value = true;
+  dragStartPos.value = {
+    x: e.touches[0].clientX,
+    y: e.touches[0].clientY,
+  };
+};
+
+// 拖拽移动 - 同样修复坐标获取
+const onDrag = async (e) => {
+  lastMoveTime = Date.now();
+  if (!isDragging.value || !e.touches[0] || !arrow.value) return;
+  let clientX = e.touches[0].clientX;
+  let clientY = e.touches[0].clientY;
+
+  // 计算移动距离
+  const deltaX = clientX - dragStartPos.value.x;
+  const deltaY = clientY - dragStartPos.value.y;
+  const side = rect.value.width;
+  // 更新坐标
+  arrow.value.x = Math.max(
+    0,
+    Math.min(side * scale.value, arrow.value.x * side + deltaX)
+  );
+  arrow.value.y = Math.max(
+    0,
+    Math.min(side * scale.value, arrow.value.y * side + deltaY)
+  );
+  arrow.value.ring = calcRing(
+    props.id,
+    arrow.value.x / scale.value - rect.value.width * 0.05,
+    arrow.value.y / scale.value - rect.value.width * 0.05,
+    rect.value.width * 0.9
+  );
+
+  arrow.value.x = arrow.value.x / side;
+  arrow.value.y = arrow.value.y / side;
+
+  // 更新拖拽起始位置
+  dragStartPos.value = { x: clientX, y: clientY };
+};
+
+// 结束拖拽
+const endDrag = (e) => {
+  isDragging.value = false;
+};
+
+const getNewPos = () => {
+  if (props.id === 7 || props.id === 9) {
+    if (arrow.value.y > 1.4)
+      return { left: "-12px", bottom: "calc(50% - 12px)" };
+  } else {
+    if (arrow.value.y > 0.88) {
+      return { left: "-12px", bottom: "calc(50% - 12px)" };
+    }
+  }
+  return { left: "calc(50% - 12px)", bottom: "-12px" };
+};
+
+onMounted(async () => {
+  const result = await getElementRect(".container");
+  rect.value = result;
+});
+</script>
+
+<template>
+  <view
+    :style="{ overflowY: editMode ? 'auto' : 'hidden' }"
+    class="container"
+    @tap="onClick"
+    @touchmove="onDrag"
+    @touchend="endDrag"
+  >
+    <movable-area
+      class="move-area"
+      :style="{
+        width: scale * 100 + 'vw',
+        height: scale * 100 + 'vw',
+        transform: `translate(${(100 - scale * 100) / 2}vw,${
+          (100 - scale * 100) / 2
+        }vw) translateY(${scale > 1 ? 16.7 : 0}%)`,
+      }"
+    >
+      <image :src="src" mode="widthFix" />
+      <view
+        v-for="(arrow, index) in arrows"
+        :key="index"
+        class="arrow-point"
+        :style="{
+          left: (arrow.x !== undefined ? arrow.x : 0) * 100 + '%',
+          top: (arrow.y !== undefined ? arrow.y : 0) * 100 + '%',
+        }"
+      >
+        <view
+          v-if="arrow.x !== undefined && arrow.y !== undefined"
+          class="point"
+          :style="{
+            transform: props.id === 7 || props.id === 9 ? 'scale(0.7)' : '',
+          }"
+        >
+          <text>{{ index + 1 }}</text>
+        </view>
+      </view>
+      <movable-view
+        v-if="arrow"
+        class="arrow-point"
+        direction="all"
+        :animation="false"
+        :out-of-bounds="true"
+        :x="arrow ? rect.width * arrow.x : 0"
+        :y="arrow ? rect.width * arrow.y : 0"
+      >
+        <view class="point"> </view>
+        <view v-if="arrow" class="edit-buttons" @touchstart.stop>
+          <view class="edit-btn-text">
+            <text>{{ arrow.ring === 0 ? "M" : arrow.ring }}</text>
+            <text
+              v-if="arrow.ring > 0"
+              :style="{
+                fontSize: '16px',
+                marginLeft: '2px',
+              }"
+              >points</text
+            >
+          </view>
+          <view
+            class="edit-btn confirm-btn"
+            @touchstart.stop="confirmAdd"
+            :style="{ ...getNewPos() }"
+          >
+            <image src="../static/arrow-edit-save.png" mode="widthFix" />
+          </view>
+          <view class="edit-btn delete-btn" @touchstart.stop="deleteArrow">
+            <image src="../static/arrow-edit-delete.png" mode="widthFix" />
+          </view>
+          <view class="edit-btn drag-btn" @touchstart.stop="startDrag($event)">
+            <image src="../static/arrow-edit-move.png" mode="widthFix" />
+          </view>
+        </view>
+      </movable-view>
+    </movable-area>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  width: 100vw;
+  height: 100vw;
+  overflow-x: hidden;
+}
+.container::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  color: transparent;
+}
+
+.move-area {
+  width: 100%;
+  height: 100%;
+  transition: all 0.3s ease;
+}
+
+.move-area > image {
+  width: 90%;
+  height: 90%;
+  margin: 5%;
+}
+
+.move-view {
+  width: 90vw;
+  height: 90vw;
+  padding: 5vw;
+  position: relative;
+}
+
+.move-view > image {
+  width: 100%;
+}
+
+.arrow-point {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.point {
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 50%;
+  border: 1px solid #fff;
+  color: #fff;
+  font-size: 8px;
+  text-align: center;
+  line-height: 10px;
+  box-sizing: border-box;
+  background-color: #ff4444;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+  transition: all 0.1s linear;
+  position: relative;
+}
+
+.point > text {
+  transform: scaleX(0.7);
+  display: block;
+  font-weight: bold;
+}
+
+.edit-buttons {
+  position: absolute;
+  top: calc(50% - 44px);
+  left: calc(50% - 44px);
+  background: #18ff6899;
+  width: 88px;
+  height: 88px;
+  display: flex;
+  align-items: flex-end;
+  transition: all 0.1s linear;
+}
+
+.edit-btn-text {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  /* margin-left: 10px; */
+}
+
+.edit-btn-text > text {
+  line-height: 50px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #fff;
+  text-align: center;
+}
+
+.edit-btn {
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+}
+
+.edit-btn > image {
+  width: 24px;
+  height: 24px;
+}
+
+.confirm-btn {
+  transition: all 0.3s ease;
+}
+
+.delete-btn {
+  left: calc(50% - 12px);
+  top: -12px;
+}
+
+.drag-btn {
+  right: -12px;
+  bottom: -12px;
+}
+</style>
diff --git a/src/components/Container.vue b/src/components/Container.vue
new file mode 100644
index 0000000..5b3cfe4
--- /dev/null
+++ b/src/components/Container.vue
@@ -0,0 +1,73 @@
+<script setup>
+import { ref, onMounted } from "vue";
+import AppBackground from "@/components/AppBackground.vue";
+import Header from "@/components/Header.vue";
+const props = defineProps({
+  title: {
+    type: String,
+    default: "",
+  },
+  bgType: {
+    type: Number,
+    default: 0,
+  },
+  onBack: {
+    type: Function,
+    default: null,
+  },
+  overflow: {
+    type: String,
+    default: "auto",
+  },
+  isHome: {
+    type: Boolean,
+    default: false,
+  },
+  bgColor: {
+    type: String,
+    default: "#050b19",
+  },
+});
+const showHint = ref(false);
+const hintType = ref(0);
+const capsuleHeight = ref(0);
+const isLoading = ref(false);
+
+onMounted(() => {
+  // const menuBtnInfo = uni.getMenuButtonBoundingClientRect();
+  // capsuleHeight.value = menuBtnInfo.top - 9;
+});
+
+const goBack = () => {
+  uni.navigateBack();
+};
+</script>
+
+<template>
+  <view :style="{ paddingTop: capsuleHeight + 'px' }">
+    <AppBackground :type="bgType" :bgColor="bgColor" />
+    <Header v-if="!isHome" :title="title" :onBack="onBack" />
+    <view
+      class="content"
+      :style="{
+        height: `calc(100vh - ${capsuleHeight + (isHome ? 0 : 50)}px)`,
+        overflow,
+      }"
+    >
+      <slot></slot>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.content {
+  width: 100vw;
+  height: 100vh;
+  overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  overflow-x: hidden;
+}
+</style>
diff --git a/src/components/EditOption.vue b/src/components/EditOption.vue
new file mode 100644
index 0000000..a0c2772
--- /dev/null
+++ b/src/components/EditOption.vue
@@ -0,0 +1,452 @@
+<script setup>
+import { ref, watch, onMounted, computed } from "vue";
+import { getPointBookConfigAPI } from "@/api";
+const props = defineProps({
+  itemIndex: {
+    type: Number,
+    default: 0,
+  },
+  expand: {
+    type: Boolean,
+    default: false,
+  },
+  onExpand: {
+    type: Function,
+    default: () => {},
+  },
+  onSelect: {
+    type: Function,
+    default: () => {},
+  },
+  noArrow: {
+    type: Boolean,
+    default: false,
+  },
+  value: {
+    type: String,
+    default: "",
+  },
+});
+const itemTexts = [
+  "Select Bow",
+  "Select Distance",
+  "Select Target",
+  "Select Sets/Arrows",
+];
+const distances = [5, 8, 10, 18, 25, 30, 50, 60, 70];
+const groupArrows = [3, 6, 12, 18];
+
+const data = ref([]);
+const selectedIndex = ref(-1);
+const secondSelectIndex = ref(-1);
+
+const meter = ref("");
+const sets = ref("");
+const arrowAmount = ref("");
+
+const onSelectItem = (index) => {
+  selectedIndex.value = index;
+  if (props.itemIndex === 0) {
+    props.onSelect(props.itemIndex, data.value[index]);
+  } else if (props.itemIndex === 1) {
+    props.onSelect(props.itemIndex, distances[index]);
+  } else if (props.itemIndex === 2) {
+    props.onSelect(props.itemIndex, data.value[index]);
+  } else if (props.itemIndex === 3) {
+    if (secondSelectIndex.value !== -1) {
+      props.onSelect(
+        props.itemIndex,
+        `${selectedIndex.value}/${groupArrows[secondSelectIndex.value]}`
+      );
+    }
+  }
+};
+const onSelectSecondItem = (index) => {
+  secondSelectIndex.value = index;
+  if (selectedIndex.value !== -1) {
+    props.onSelect(
+      props.itemIndex,
+      `${selectedIndex.value < 5 ? selectedIndex.value : sets.value}/${
+        groupArrows[secondSelectIndex.value]
+      }`
+    );
+  }
+};
+const onMeterChange = (e) => {
+  meter.value = e.detail.value;
+  props.onSelect(props.itemIndex, e.detail.value);
+};
+const onSetsChange = (e) => {
+  if (!e.detail.value) return;
+  sets.value = Math.min(30, Number(e.detail.value));
+  if (!sets.value) return;
+  if (secondSelectIndex.value !== -1) {
+    props.onSelect(
+      props.itemIndex,
+      `${sets.value}/${
+        secondSelectIndex.value === 99
+          ? arrowAmount.value
+          : groupArrows[secondSelectIndex.value]
+      }`
+    );
+  }
+};
+const onArrowAmountChange = (e) => {
+  if (!e.detail.value) return;
+  arrowAmount.value = Math.min(60, Number(e.detail.value));
+  if (!arrowAmount.value) return;
+  if (selectedIndex.value !== -1) {
+    props.onSelect(
+      props.itemIndex,
+      `${selectedIndex.value === 99 ? sets.value : selectedIndex.value}/${
+        arrowAmount.value
+      }`
+    );
+  }
+};
+watch(
+  () => props.value,
+  (newValue) => {
+    if (!newValue) {
+      selectedIndex.value = -1;
+      return;
+    }
+    if (props.itemIndex === 0 || props.itemIndex === 2) {
+      data.value.forEach((item, index) => {
+        if (item.name === newValue) {
+          selectedIndex.value = index;
+        }
+      });
+    }
+    if (props.itemIndex === 1) {
+      distances.forEach((item, index) => {
+        if (item == newValue) {
+          selectedIndex.value = index;
+        }
+        if (selectedIndex.value === -1) {
+          meter.value = newValue;
+        }
+      });
+    }
+  }
+);
+const loadConfig = () => {
+  const config = uni.getStorageSync("point-book-config");
+  if (config) {
+    if (props.itemIndex === 0) {
+      data.value = config.bowOption;
+    } else if (props.itemIndex === 2) {
+      data.value = config.targetOption;
+    }
+    if (props.value) {
+      if (props.itemIndex === 0 || props.itemIndex === 2) {
+        selectedIndex.value = data.value.findIndex(
+          (item) => item.name === props.value
+        );
+      }
+      if (props.itemIndex === 1) {
+        selectedIndex.value = distances.findIndex(
+          (item) => item.name === props.value
+        );
+        if (selectedIndex.value === -1) {
+          selectedIndex.value = 9;
+        }
+      }
+    }
+  }
+};
+const formatSetAndAmount = computed(() => {
+  if (selectedIndex.value === -1 || secondSelectIndex.value === -1)
+    return itemTexts[props.itemIndex];
+  if (selectedIndex.value === 99 && !sets.value)
+    return itemTexts[props.itemIndex];
+  if (secondSelectIndex.value === 99 && !arrowAmount.value)
+    return itemTexts[props.itemIndex];
+  return `${
+    selectedIndex.value === 99 ? sets.value : selectedIndex.value
+  } sets/${
+    secondSelectIndex.value === 99
+      ? arrowAmount.value
+      : groupArrows[secondSelectIndex.value]
+  } arrows`;
+});
+onMounted(async () => {
+  const config = uni.getStorageSync("point-book-config");
+  if (config) {
+    loadConfig();
+  } else {
+    const config = await getPointBookConfigAPI();
+    uni.setStorageSync("point-book-config", config);
+    loadConfig();
+  }
+});
+</script>
+
+<template>
+  <view
+    class="container"
+    :style="{
+      maxHeight: expand ? '500px' : '50px',
+      marginTop: noArrow ? '0' : '10px',
+    }"
+  >
+    <view @click="() => onExpand(itemIndex, !expand)">
+      <view></view>
+      <block>
+        <text v-if="expand" :style="{ color: '#999', fontWeight: 'normal' }">{{
+          itemIndex !== 3 ? itemTexts[itemIndex] : "Select Sets"
+        }}</text>
+        <text v-if="!expand && itemIndex === 0">{{
+          value || itemTexts[itemIndex]
+        }}</text>
+        <text v-if="!expand && itemIndex === 1">{{
+          value && value > 0 ? value + " m" : itemTexts[itemIndex]
+        }}</text>
+        <text v-if="!expand && itemIndex === 2">{{
+          value || itemTexts[itemIndex]
+        }}</text>
+        <text v-if="!expand && itemIndex === 3">{{ formatSetAndAmount }}</text>
+      </block>
+      <button hover-class="none">
+        <image
+          v-if="!noArrow"
+          src="../static/arrow-grey.png"
+          mode="widthFix"
+          :style="{ transform: expand ? 'rotateX(180deg)' : 'rotateX(0deg)' }"
+        />
+      </button>
+    </view>
+    <view v-if="itemIndex === 0" class="bow-items">
+      <view
+        v-for="(item, index) in data"
+        :key="index"
+        :style="{
+          borderColor: selectedIndex === index ? '#fed847' : '#eeeeee',
+        }"
+        @click="onSelectItem(index)"
+      >
+        <image :src="item.icon" mode="widthFix" />
+        <text>{{ item.name }}</text>
+      </view>
+    </view>
+    <view v-if="itemIndex === 1" class="distance-items">
+      <view
+        v-for="(item, index) in distances"
+        :key="index"
+        :style="{
+          borderColor: selectedIndex === index ? '#fed847' : '#eeeeee',
+        }"
+        @click="onSelectItem(index)"
+      >
+        <text>{{ item }}</text>
+        <text>m</text>
+      </view>
+      <view
+        :style="{
+          borderColor: selectedIndex === 9 ? '#fed847' : '#eeeeee',
+        }"
+      >
+        <input
+          v-model="meter"
+          type="number"
+          placeholder="Custom"
+          placeholder-style="color: #DDDDDD"
+          @focus="() => (selectedIndex = 9)"
+          @blur="onMeterChange"
+        />
+        <text>m</text>
+      </view>
+    </view>
+    <view v-if="itemIndex === 2" class="bowtarget-items">
+      <view
+        v-for="(item, index) in data"
+        :key="index"
+        :style="{
+          borderColor: selectedIndex === index ? '#fed847' : '#eeeeee',
+        }"
+        @click="onSelectItem(index)"
+      >
+        <text>{{ item.name.substring(0, item.name.length - 3) }}</text>
+        <text>{{ item.name.substring(item.name.length - 3) }}</text>
+      </view>
+    </view>
+    <view v-if="itemIndex === 3">
+      <view class="amount-items">
+        <view
+          v-for="i in 4"
+          :key="i"
+          :style="{
+            borderColor: selectedIndex === i ? '#fed847' : '#eeeeee',
+          }"
+          @click="onSelectItem(i)"
+        >
+          <text>{{ i }}</text>
+          <text>sets</text>
+        </view>
+        <view
+          :style="{
+            borderColor: selectedIndex === 99 ? '#fed847' : '#eeeeee',
+          }"
+        >
+          <input
+            placeholder="1 ~ 30"
+            type="number"
+            placeholder-style="color: #DDDDDD"
+            v-model="sets"
+            @focus="() => (selectedIndex = 99)"
+            @blur="onSetsChange"
+          />
+          <text>sets</text>
+        </view>
+      </view>
+      <view
+        :style="{
+          marginTop: '5px',
+          marginBottom: '10px',
+          color: '#999999',
+          textAlign: 'center',
+        }"
+        >Select arrows per set</view
+      >
+      <view class="amount-items">
+        <view
+          v-for="(item, index) in groupArrows"
+          :key="index"
+          :style="{
+            borderColor: secondSelectIndex === index ? '#fed847' : '#eeeeee',
+          }"
+          @click="onSelectSecondItem(index)"
+        >
+          <text>{{ item }}</text>
+          <text>arrows</text>
+        </view>
+        <view
+          :style="{
+            borderColor: secondSelectIndex === 99 ? '#fed847' : '#eeeeee',
+          }"
+        >
+          <input
+            placeholder="1 ~ 60"
+            type="number"
+            placeholder-style="color: #DDDDDD"
+            v-model="arrowAmount"
+            maxlength="99"
+            @focus="() => (secondSelectIndex = 99)"
+            @blur="onArrowAmountChange"
+          />
+          <text>arrows</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  width: calc(100% - 20px);
+  background-color: #fff;
+  border-radius: 10px;
+  padding: 0 10px;
+  font-size: 14px;
+  overflow: hidden;
+  transition: all 0.3s ease;
+  color: #333;
+}
+.container > view:first-child {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 50px;
+}
+.container > view:first-child > view:first-child {
+  width: 85px;
+}
+.container > view:first-child > text:nth-child(2) {
+  font-weight: 500;
+}
+.container > view:first-child > button {
+  width: 85px;
+  display: flex;
+  justify-content: flex-end;
+}
+.container > view:first-child > button > image {
+  transition: all 0.5s ease;
+  width: 16px;
+  height: 16px;
+  padding-right: 5px;
+}
+.bow-items {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  column-gap: 2vw;
+}
+.bow-items > view {
+  width: 27vw;
+  height: 27vw;
+  border-radius: 10px;
+  border: 2px solid #eeeeee;
+  margin-bottom: 2vw;
+}
+.bow-items > view > image {
+  width: 100%;
+}
+.bow-items > view > text {
+  width: 100%;
+  display: block;
+  text-align: center;
+  transform: translateY(-30px);
+}
+.distance-items,
+.bowtarget-items,
+.amount-items {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  column-gap: 2vw;
+  position: relative;
+}
+.distance-items > view,
+.bowtarget-items > view,
+.amount-items > view {
+  width: 20vw;
+  height: 12vw;
+  border-radius: 10px;
+  border: 2px solid #eeeeee;
+  margin-bottom: 2vw;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.distance-items > view > text:first-child,
+.amount-items > view > text:first-child {
+  width: 25px;
+  display: block;
+  text-align: center;
+}
+.distance-items > view:last-child {
+  width: 65.5vw;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}
+.distance-items > view:last-child > input {
+  width: 80%;
+  text-align: center;
+}
+.bowtarget-items > view {
+  flex-direction: column;
+  height: 16vw;
+}
+.bowtarget-items > view > text {
+  width: 100%;
+  text-align: center;
+}
+.amount-items > view:last-child {
+  grid-column: 1 / -1;
+  width: 100%;
+}
+.amount-items > view:last-child > input {
+  width: 85%;
+  text-align: center;
+}
+</style>
diff --git a/src/components/Header.vue b/src/components/Header.vue
new file mode 100644
index 0000000..53e5865
--- /dev/null
+++ b/src/components/Header.vue
@@ -0,0 +1,202 @@
+<script setup>
+import { ref, computed, onMounted, onBeforeUnmount } from "vue";
+import Avatar from "@/components/Avatar.vue";
+
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
+const store = useStore();
+const { user } = storeToRefs(store);
+
+const currentPage = computed(() => {
+  const pages = getCurrentPages();
+  return pages[pages.length - 1].route;
+});
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: "",
+  },
+  onBack: {
+    type: Function,
+    default: null,
+  },
+});
+
+const onClick = () => {
+  if (props.onBack) {
+    props.onBack();
+  } else {
+    const pages = getCurrentPages();
+    if (pages.length > 1) {
+      uni.navigateBack();
+    } else {
+      uni.redirectTo({
+        url: "/pages/index",
+      });
+    }
+  }
+};
+
+const toUserPage = () => {
+  uni.navigateTo({
+    url: "/pages/profile",
+  });
+};
+
+const signin = () => {
+  if (!user.value.id) {
+    uni.navigateTo({
+      url: "/pages/signin",
+    });
+  }
+};
+
+const pointBook = ref(null);
+const heat = ref(0);
+
+const updateHot = (value) => {
+  heat.value = value;
+};
+
+onMounted(() => {
+  const pages = getCurrentPages();
+  const currentPage = pages[pages.length - 1];
+  if (currentPage.route === "pages/edit") {
+    pointBook.value = uni.getStorageSync("point-book");
+  }
+  uni.$on("update-hot", updateHot);
+});
+onBeforeUnmount(() => {
+  uni.$off("update-hot", updateHot);
+});
+</script>
+
+<template>
+  <view class="container">
+    <view class="back-btn" @click="onClick">
+      <image src="../static/back-black.png" mode="widthFix" />
+    </view>
+    <view :style="{ color: '#000' }">
+      <view
+        v-if="currentPage === 'pages/index'"
+        class="user-header"
+        @click="signin"
+      >
+        <block v-if="user.id">
+          <Avatar
+            :src="user.avatar"
+            :onClick="toUserPage"
+            :size="40"
+            borderColor="#333"
+          />
+          <text class="truncate">{{ user.nickName }}</text>
+          <image
+            v-if="heat"
+            :src="`../static/hot${heat}.png`"
+            mode="widthFix"
+          />
+        </block>
+        <block v-else>
+          <image src="../static/user-icon.png" mode="widthFix" />
+          <text>新来的弓箭手你好呀~</text>
+        </block>
+      </view>
+    </view>
+    <view v-if="pointBook" class="point-book-info">
+      <text>{{ pointBook.bowType.name }}</text>
+      <text>{{ pointBook.distance }} 米</text>
+      <text
+        >{{
+          pointBook.bowtargetType.name.substring(
+            0,
+            pointBook.bowtargetType.name.length - 3
+          )
+        }}
+        {{
+          pointBook.bowtargetType.name.substring(
+            pointBook.bowtargetType.name.length - 3
+          )
+        }}</text
+      >
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  width: 72vw;
+  height: 50px;
+  /* margin-top: var(--status-bar-height); */
+  padding-left: 15px;
+}
+.container > view:nth-child(2) {
+  font-size: 16px;
+  font-weight: bold;
+}
+.back-btn {
+  display: flex;
+  align-items: center;
+}
+.back-btn > image {
+  width: 22px;
+  height: 22px;
+  margin-right: 10px;
+}
+.first-try-steps {
+  display: flex;
+  align-items: center;
+  color: #fff6;
+  font-size: 14px;
+}
+.first-try-steps > text {
+  transition: all 0.3s ease;
+}
+.first-try-steps > text:nth-child(2),
+.first-try-steps > text:nth-child(4) {
+  margin: 0 5px;
+}
+.current-step {
+  font-size: 16px;
+  color: #fff;
+}
+.point-book-info {
+  color: #333;
+  position: fixed;
+  width: 60%;
+  left: 20%;
+  display: flex;
+  justify-content: center;
+}
+.point-book-info > text {
+  border-radius: 6px;
+  background-color: #fff;
+  font-size: 10px;
+  padding: 5px 10px;
+  margin: 3px;
+}
+.user-header {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+.user-header > image:first-child {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  border: 2rpx solid #333;
+}
+.user-header > image:last-child {
+  width: 36rpx;
+}
+.user-header > text:nth-child(2) {
+  font-weight: 500;
+  font-size: 30rpx;
+  color: #333333;
+  margin: 0 20rpx;
+  max-width: 300rpx;
+}
+</style>
diff --git a/src/components/IconButton.vue b/src/components/IconButton.vue
new file mode 100644
index 0000000..bc466dd
--- /dev/null
+++ b/src/components/IconButton.vue
@@ -0,0 +1,39 @@
+<script setup>
+const props = defineProps({
+  name: {
+    type: String,
+    default: "",
+  },
+  src: {
+    type: String,
+    default: "",
+  },
+  onClick: {
+    type: Function,
+    default: () => {},
+  },
+  width: {
+    type: Number,
+    default: 22,
+  },
+});
+</script>
+<template>
+  <view class="container" @click="onClick">
+    <image :src="src" mode="widthFix" :style="{ width: width + 'px' }" />
+    <text>{{ name }}</text>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.container > text {
+  color: #666666;
+  font-size: 12px;
+  margin-top: 5px;
+}
+</style>
diff --git a/src/components/InputRow.vue b/src/components/InputRow.vue
new file mode 100644
index 0000000..24ef818
--- /dev/null
+++ b/src/components/InputRow.vue
@@ -0,0 +1,84 @@
+<script setup>
+import { ref } from "vue";
+
+const props = defineProps({
+  type: {
+    type: String,
+    default: "text",
+  },
+  btnType: {
+    type: String,
+    default: "",
+  },
+  onChange: {
+    type: Function,
+    default: null,
+  },
+  placeholder: {
+    type: String,
+    default: "",
+  },
+  width: {
+    type: String,
+    default: "90vw",
+  },
+});
+
+const hide = ref(true);
+</script>
+
+<template>
+  <view class="container" :style="{ width }">
+    <input
+      :type="type"
+      @change="onChange"
+      :placeholder="placeholder"
+      placeholder-style="color: #999;"
+    />
+    <button v-if="btnType === 'code'" hover-class="none" class="get-code">
+      get verification code
+    </button>
+    <button
+      v-if="type === 'password'"
+      hover-class="none"
+      class="eye-btn"
+      @click="hide = !hide"
+    >
+      <image
+        :src="`../static/${hide ? 'eye-close' : 'eye-open'}.png`"
+        mode="widthFix"
+      />
+    </button>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  height: 100rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: #fff;
+  border-radius: 30rpx;
+  padding: 0 30rpx;
+  margin: 15rpx 0;
+  box-sizing: border-box;
+}
+.container > input {
+  width: 100%;
+  color: #333;
+  font-size: 26rpx;
+}
+.get-code {
+  color: #287fff;
+  font-size: 26rpx;
+  width: 80%;
+}
+.eye-btn {
+  padding: 20rpx;
+}
+.eye-btn > image {
+  width: 50rpx;
+  height: 32rpx;
+}
+</style>
diff --git a/src/components/PointRecord.vue b/src/components/PointRecord.vue
new file mode 100644
index 0000000..0e9810d
--- /dev/null
+++ b/src/components/PointRecord.vue
@@ -0,0 +1,141 @@
+<script setup>
+import { ref, onMounted } from "vue";
+
+const props = defineProps({
+  data: {
+    type: Object,
+    default: () => {},
+  },
+});
+const bowOptions = ref({});
+const targetOptions = ref({});
+
+const toDetailPage = () => {
+  uni.navigateTo({
+    url: `/pages/detail?id=${props.data.id}`,
+  });
+};
+
+onMounted(() => {
+  const result = uni.getStorageSync("point-book-config");
+  (result.bowOption || []).forEach((item) => {
+    bowOptions.value[item.id] = item;
+  });
+  (result.targetOption || []).forEach((item) => {
+    targetOptions.value[item.id] = item;
+  });
+});
+</script>
+
+<template>
+  <view class="container" @click="toDetailPage">
+    <view>
+      <view class="labels">
+        <view></view>
+        <text>{{
+          bowOptions[data.bowType] ? bowOptions[data.bowType].name : ""
+        }}</text>
+        <text>{{ data.distance }} 米</text>
+        <text>{{
+          targetOptions[data.targetType]
+            ? targetOptions[data.targetType].name
+            : ""
+        }}</text>
+      </view>
+      <view>
+        <text>{{ data.createAt }}</text>
+      </view>
+      <view>
+        <text>黄心率：{{ Number((data.yellowRate * 100).toFixed(2)) }}%</text>
+        <text>10环数：{{ data.tenRings }}</text>
+        <text>平均：{{ data.averageRing }}</text>
+      </view>
+    </view>
+    <view>
+      <image src="../static/bow-target.png" mode="widthFix" />
+      <view class="arrow-amount">
+        <text>共</text>
+        <text>{{ data.arrows * data.groups }}</text>
+        <text>箭</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  border-radius: 25rpx;
+  height: 200rpx;
+  border: 2rpx solid #fed848;
+}
+.container > view {
+  position: relative;
+  margin-left: 15px;
+}
+.container > view:first-child {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: calc(100% - 50rpx);
+  color: #333333;
+}
+.container > view:first-child > view {
+  width: 100%;
+  display: flex;
+  position: relative;
+}
+.container > view:first-child > view:nth-child(3) {
+  display: flex;
+  align-items: center;
+  font-size: 20rpx;
+  color: #666;
+}
+.container > view:first-child > view:nth-child(3) > text {
+  margin-right: 10rpx;
+}
+.labels {
+  align-items: flex-end !important;
+}
+.labels > view:first-child {
+  position: absolute;
+  bottom: 0;
+  height: 10rpx;
+  background: #fee947;
+  border-radius: 5rpx;
+  width: 300rpx;
+}
+.labels > text {
+  font-size: 26rpx;
+  margin-right: 10px;
+  position: relative;
+  color: #333;
+}
+.container > view:last-child {
+  margin-right: 1vw;
+}
+.container > view:last-child > image {
+  width: 24vw;
+}
+.arrow-amount {
+  position: absolute;
+  background-color: #0009;
+  border-radius: 10px;
+  color: #fffc;
+  font-size: 12px;
+  line-height: 22px;
+  width: 60px;
+  display: flex;
+  justify-content: center;
+  top: calc(50% - 13px);
+  left: calc(50% - 30px);
+}
+.arrow-amount > text:nth-child(2) {
+  color: #fff;
+  font-size: 14px;
+  margin: 0 3px;
+}
+</style>
diff --git a/src/components/RingBarChart.vue b/src/components/RingBarChart.vue
new file mode 100644
index 0000000..6e14673
--- /dev/null
+++ b/src/components/RingBarChart.vue
@@ -0,0 +1,105 @@
+<script setup>
+import { ref, computed } from "vue";
+
+const props = defineProps({
+  data: {
+    type: Object,
+    default: Array,
+  },
+  total: {
+    type: Number,
+    default: 0,
+  },
+});
+
+const barColor = (rate) => {
+  if (rate >= 0.4) return "#FDC540";
+  if (rate >= 0.2) return "#FED847";
+  return "#ffe88f";
+};
+
+const bars = computed(() => {
+  const newList = new Array(12).fill({ ring: 0, rate: 0 }).map((_, index) => {
+    let ring = index;
+    if (ring === 11) ring = "M";
+    if (ring === 0) ring = "X";
+    return {
+      ring: ring,
+      rate: props.data[index] || 0,
+    };
+  });
+  [newList[0], newList[11]] = [newList[11], newList[0]];
+  return newList.reverse();
+});
+
+const ringText = (ring) => {
+  if (ring === 11) return "X";
+  if (ring === 0) return "M";
+  return ring;
+};
+</script>
+
+<template>
+  <view class="container">
+    <view>
+      <view v-for="(b, index) in bars" :key="index">
+        <text v-if="b && b.rate">
+          {{ total === 0 ? `${Number((b.rate * 100).toFixed(1))}%` : b.rate }}
+        </text>
+        <view
+          :style="{
+            background: barColor(total === 0 ? b.rate : b.rate / total),
+            height: (total === 0 ? b.rate : b.rate / total) * 300 + 'rpx',
+          }"
+        >
+        </view>
+      </view>
+    </view>
+    <view>
+      <text v-for="(b, index) in bars" :key="index">
+        {{ b && b.ring !== undefined ? b.ring : "" }}
+      </text>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  min-height: 150rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.container > view {
+  padding: 0 10rpx;
+}
+.container > view:first-child {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-around;
+  min-height: 50rpx;
+}
+.container > view:first-child > view {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 18rpx;
+  color: #333;
+  width: 5vw;
+}
+.container > view:first-child > view > view {
+  width: 100%;
+  transition: all 0.3s ease;
+  height: 0;
+}
+.container > view:last-child {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  border-top: 1rpx solid #333;
+  font-size: 22rpx;
+  color: #333333;
+}
+.container > view:last-child > text {
+  text-align: center;
+}
+</style>
diff --git a/src/components/SButton.vue b/src/components/SButton.vue
new file mode 100644
index 0000000..822ac9b
--- /dev/null
+++ b/src/components/SButton.vue
@@ -0,0 +1,96 @@
+<script setup>
+import { ref } from "vue";
+import { debounce } from "@/util";
+const props = defineProps({
+  width: {
+    type: String,
+    default: "calc(100vw - 20px)",
+  },
+  rounded: {
+    type: Number,
+    default: 45,
+  },
+  onClick: {
+    type: Function,
+    default: async () => {},
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  backgroundColor: {
+    type: String,
+    default: "#fed847",
+  },
+  color: {
+    type: String,
+    default: "#000",
+  },
+  disabledColor: {
+    type: String,
+    default: "#757575",
+  },
+});
+
+const loading = ref(false);
+const timer = ref(null);
+
+const onBtnClick = debounce(async () => {
+  if (props.disabled || loading.value) return;
+
+  let loadingTimer = null;
+  loadingTimer = setTimeout(() => {
+    loading.value = true;
+  }, 300);
+
+  try {
+    await props.onClick();
+  } finally {
+    clearTimeout(loadingTimer);
+    loading.value = false;
+  }
+});
+</script>
+
+<template>
+  <button
+    class="sbtn"
+    hover-class="none"
+    :style="{
+      width: width,
+      borderRadius: rounded + 'rpx',
+      backgroundColor: disabled ? disabledColor : backgroundColor,
+      color,
+    }"
+    open-type="getUserInfo"
+    @click="onBtnClick"
+  >
+    <block v-if="!loading">
+      <slot />
+    </block>
+    <block v-else>
+      <image src="../static/btn-loading.png" mode="widthFix" class="loading" />
+    </block>
+  </button>
+</template>
+
+<style scoped>
+.sbtn {
+  margin: 0 auto;
+  height: 88rpx;
+  line-height: 44px;
+  font-weight: bold;
+  font-size: 42rpx;
+  display: flex;
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+  overflow: initial;
+}
+.loading {
+  width: 25px;
+  height: 25px;
+  background-blend-mode: darken;
+  animation: rotate 1s linear infinite;
+}
+</style>
diff --git a/src/components/SModal.vue b/src/components/SModal.vue
new file mode 100644
index 0000000..e963ec5
--- /dev/null
+++ b/src/components/SModal.vue
@@ -0,0 +1,107 @@
+<script setup>
+import { ref, watch } from "vue";
+const props = defineProps({
+  show: {
+    type: Boolean,
+    default: false,
+  },
+  height: {
+    type: String,
+    default: "260px",
+  },
+  onClose: {
+    type: Function,
+    default: () => {},
+  },
+  noBg: {
+    type: Boolean,
+    default: false,
+  },
+});
+const showContainer = ref(false);
+const showContent = ref(false);
+watch(
+  () => props.show,
+  (newValue) => {
+    if (newValue) {
+      showContainer.value = true;
+      setTimeout(() => {
+        showContent.value = true;
+      }, 100);
+    } else {
+      showContent.value = false;
+      setTimeout(() => {
+        showContainer.value = false;
+      }, 100);
+    }
+  },
+  {}
+);
+</script>
+
+<template>
+  <view
+    class="container"
+    v-if="showContainer"
+    :style="{ opacity: show ? 1 : 0 }"
+    @click="onClose"
+  >
+    <view
+      class="modal-content"
+      :style="{
+        transform: `translateY(${showContent ? '0%' : '100%'})`,
+        height,
+      }"
+      @click.stop=""
+    >
+      <image
+        v-if="!noBg"
+        src="https://static.shelingxingqiu.com/attachment/2025-08-05/dbuaf19pf7qd8ps0uh.png"
+        mode="widthFix"
+      />
+      <view class="close-btn" @click="onClose" v-if="!noBg">
+        <image src="../static/close-yellow.png" mode="widthFix" />
+      </view>
+      <slot></slot>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: #00000099;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
+  opacity: 0;
+  transition: all 0.3s ease;
+  z-index: 99;
+}
+.modal-content {
+  width: 100%;
+  transform: translateY(100%);
+  transition: all 0.3s ease;
+  position: relative;
+}
+.modal-content > image:first-child {
+  width: 100%;
+  position: absolute;
+  z-index: -1;
+}
+.close-btn {
+  display: flex;
+  justify-content: flex-end;
+  position: absolute;
+  right: 0;
+}
+.close-btn > image {
+  width: 40px;
+  height: 40px;
+}
+</style>
diff --git a/src/components/ScreenHint.vue b/src/components/ScreenHint.vue
new file mode 100644
index 0000000..333fe52
--- /dev/null
+++ b/src/components/ScreenHint.vue
@@ -0,0 +1,67 @@
+<script setup>
+import IconButton from "./IconButton.vue";
+
+const props = defineProps({
+  show: {
+    type: Boolean,
+    default: false,
+  },
+  onClose: {
+    type: Function,
+    default: null,
+  },
+  height: {
+    type: Number,
+    default: 100,
+  },
+});
+</script>
+
+<template>
+  <view class="container" :style="{ display: show ? 'flex' : 'none' }">
+    <view class="scale-in">
+      <image src="../static/point-book-tip-bg.png" mode="widthFix" />
+      <slot />
+    </view>
+    <IconButton
+      v-if="!!onClose"
+      src="../static/close-white-outline.png"
+      :width="30"
+      :onClick="onClose"
+    />
+  </view>
+</template>
+
+<style scoped>
+.container {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  z-index: 999;
+}
+.container > view:first-child {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  width: 75vw;
+  margin-bottom: 15px;
+  border-radius: 30rpx;
+  background: #fff;
+}
+.container > view:first-child > image {
+  position: absolute;
+  width: 100%;
+  z-index: -1;
+  top: 0;
+  border-top-left-radius: 30rpx;
+  border-top-right-radius: 30rpx;
+}
+</style>
diff --git a/src/components/ScrollList.vue b/src/components/ScrollList.vue
new file mode 100644
index 0000000..1ea4474
--- /dev/null
+++ b/src/components/ScrollList.vue
@@ -0,0 +1,96 @@
+<script setup>
+import { ref } from "vue";
+import { onShow } from "@dcloudio/uni-app";
+const props = defineProps({
+  show: {
+    type: Boolean,
+    default: true,
+  },
+  onLoading: {
+    type: Function,
+    default: async (page) => [],
+  },
+  pageSize: {
+    type: Number,
+    default: 10,
+  },
+});
+const refreshing = ref(true);
+const loading = ref(false);
+const noMore = ref(false);
+const count = ref(0);
+const page = ref(1);
+const refresherrefresh = async () => {
+  if (refreshing.value) return;
+  try {
+    refreshing.value = true;
+    page.value = 1;
+    const length = await props.onLoading(page.value);
+    count.value = length;
+    if (length < props.pageSize) noMore.value = true;
+  } finally {
+    refreshing.value = false;
+  }
+};
+const scrolltolower = async () => {
+  if (loading.value || noMore.value) return;
+  try {
+    loading.value = true;
+    page.value += 1;
+    const length = await props.onLoading(page.value);
+    count.value += length;
+    if (length < props.pageSize) noMore.value = true;
+  } finally {
+    loading.value = false;
+  }
+};
+onShow(async () => {
+  try {
+    const length = await props.onLoading(page.value);
+    count.value = length;
+    if (length < props.pageSize) noMore.value = true;
+  } finally {
+    refreshing.value = false;
+  }
+});
+</script>
+
+<template>
+  <scroll-view
+    class="scroll-list"
+    scroll-y
+    enable-flex="true"
+    :show-scrollbar="false"
+    enhanced="true"
+    :bounces="false"
+    refresher-default-style="white"
+    :refresher-enabled="true"
+    :refresher-triggered="refreshing"
+    @refresherrefresh="refresherrefresh"
+    @scrolltolower="scrolltolower"
+    :style="{
+      display: show ? 'flex' : 'none',
+    }"
+  >
+    <slot></slot>
+    <view class="tips">
+      <text v-if="loading">Loading...</text>
+      <text v-if="noMore">{{ count === 0 ? "No data" : "That‘s all" }}</text>
+    </view>
+  </scroll-view>
+</template>
+
+<style scoped>
+.scroll-list {
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+}
+.tips > text {
+  color: #d0d0d0;
+  display: block;
+  text-align: center;
+  font-size: 12px;
+  margin: 10px;
+}
+</style>
diff --git a/src/heatmap.js b/src/heatmap.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/main.js b/src/main.js
index f2a35f1..d42ca05 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,10 +1,12 @@
-import { createSSRApp } from 'vue'
-import App from './App.vue'
+import { createSSRApp } from "vue";
+import { createPinia } from "pinia";
+import App from "./App.vue";
 
 export function createApp() {
-  const app = createSSRApp(App)
+  const app = createSSRApp(App);
+  const pinia = createPinia();
+  app.use(pinia);
   return {
-    app
-  }
+    app,
+  };
 }
-
diff --git a/src/manifest.json b/src/manifest.json
index f03cf61..a774564 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -38,16 +38,16 @@
             "ios" : {
                 "appid" : "com.shelingxingqiu.arcx",
                 "devices" : "iphone",
-                "deploymentTarget" : "13.0",
-                "mobileprovision" : "/Users/makaihong/Projects/point-book-app/DistributeProfile.mobileprovision",
-                "p12" : "/Users/makaihong/Projects/point-book-app/Distribute_pwd_123456.p12",
-                "password" : "123456",
-                "urltypes" : [
-                    {
-                        "urlschemes" : [ "pointbook" ],
-                        "id" : "com.pointbook.scheme"
-                    }
-                ],
+                // "deploymentTarget" : "13.0",
+                // "mobileprovision" : "/Users/makaihong/Projects/point-book-app/DistributeProfile.mobileprovision",
+                // "p12" : "/Users/makaihong/Projects/point-book-app/Distribute_pwd_123456.p12",
+                // "password" : "123456",
+                // "urltypes" : [
+                //     {
+                //         "urlschemes" : [ "pointbook" ],
+                //         "id" : "com.pointbook.scheme"
+                //     }
+                // ],
                 "privacyDescription" : {
                     "NSCameraUsageDescription" : "Camera access is required for taking photos and scanning",
                     "NSMicrophoneUsageDescription" : "Microphone access is required for recording and calls",
diff --git a/src/pages.json b/src/pages.json
index 59019a2..e951881 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -1,16 +1,41 @@
 {
   "pages": [
     {
-      "path": "pages/index",
-      "style": {
-        "navigationBarTitleText": "ARCX"
-      }
+      "path": "pages/index"
+    },
+    {
+      "path": "pages/create"
+    },
+    {
+      "path": "pages/detail"
+    },
+    {
+      "path": "pages/edit"
+    },
+    {
+      "path": "pages/list"
+    },
+    {
+      "path": "pages/profile"
+    },
+    {
+      "path": "pages/reset-pwd"
+    },
+    {
+      "path": "pages/signin"
+    },
+    {
+      "path": "pages/signup"
+    },
+    {
+      "path": "pages/edit-profile"
     }
   ],
   "globalStyle": {
     "navigationBarTextStyle": "white",
     "navigationBarBackgroundColor": "#2c3e50",
-    "backgroundColor": "#ffffff"
+    "backgroundColor": "#ffffff",
+    "navigationStyle": "custom"
   },
   "condition": {
     "current": 0,
diff --git a/src/pages/create.vue b/src/pages/create.vue
new file mode 100644
index 0000000..41c01b9
--- /dev/null
+++ b/src/pages/create.vue
@@ -0,0 +1,152 @@
+<script setup>
+import { ref, onMounted } from "vue";
+import { onShow } from "@dcloudio/uni-app";
+import Container from "@/components/Container.vue";
+import EditOption from "@/components/EditOption.vue";
+import SButton from "@/components/SButton.vue";
+
+const expandIndex = ref(0);
+const bowType = ref("");
+const distance = ref(0);
+const bowtargetType = ref("");
+const amountGroup = ref("");
+const days = ref(0);
+const arrows = ref(0);
+
+const onExpandChange = (index, expand) => {
+  if (expandIndex.value !== -1) {
+    expandIndex.value = -1;
+    setTimeout(() => {
+      expandIndex.value = !expand ? -1 : index;
+    }, 100);
+  } else {
+    expandIndex.value = !expand ? -1 : index;
+  }
+};
+
+const toListPage = () => {
+  uni.navigateTo({
+    url: "/pages/list",
+  });
+};
+const onSelect = (itemIndex, value) => {
+  if (itemIndex === 0) bowType.value = value;
+  else if (itemIndex === 1) distance.value = value;
+  else if (itemIndex === 2) bowtargetType.value = value;
+  else if (itemIndex === 3) amountGroup.value = value;
+};
+const toEditPage = () => {
+  if (
+    bowType.value &&
+    distance.value &&
+    bowtargetType.value &&
+    amountGroup.value
+  ) {
+    uni.setStorageSync("last-point-book", {
+      bowType: bowType.value,
+      distance: distance.value,
+      bowtargetType: bowtargetType.value,
+      amountGroup: amountGroup.value,
+    });
+    uni.navigateTo({
+      url: "/pages/edit",
+    });
+  } else {
+    uni.showToast({
+      title: "Please complete the information",
+      icon: "none",
+    });
+  }
+};
+onMounted(async () => {
+  const pointBook = uni.getStorageSync("last-point-book");
+  if (pointBook) {
+    bowType.value = pointBook.bowType;
+    distance.value = pointBook.distance;
+    bowtargetType.value = pointBook.bowtargetType;
+    expandIndex.value = 3;
+  }
+});
+</script>
+
+<template>
+  <Container :bgType="2" bgColor="#F5F5F5" title="选择参数">
+    <view class="container">
+      <view>
+        <EditOption
+          :itemIndex="0"
+          :expand="expandIndex === 0"
+          :onExpand="onExpandChange"
+          :onSelect="onSelect"
+          :value="bowType.name"
+        />
+        <EditOption
+          :itemIndex="1"
+          :expand="expandIndex === 1"
+          :onExpand="onExpandChange"
+          :onSelect="onSelect"
+          :value="distance + ''"
+        />
+        <EditOption
+          :itemIndex="2"
+          :expand="expandIndex === 2"
+          :onExpand="onExpandChange"
+          :onSelect="onSelect"
+          :value="bowtargetType.name"
+        />
+        <EditOption
+          :itemIndex="3"
+          :expand="expandIndex === 3"
+          :onExpand="onExpandChange"
+          :onSelect="onSelect"
+        />
+      </view>
+    </view>
+    <view :style="{ marginBottom: '20px' }">
+      <SButton :rounded="50" :onClick="toEditPage">Next</SButton>
+    </view>
+  </Container>
+</template>
+
+<style scoped>
+.container {
+  width: calc(100% - 20px);
+  padding: 0 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.container > view:nth-child(2) {
+  margin: 0 10px;
+}
+.header {
+  width: 100%;
+  height: 27vw;
+  position: relative;
+  display: flex;
+  align-items: center;
+  color: #ffffffc7;
+  font-size: 14px;
+  margin-top: 10px;
+}
+.header > image {
+  position: absolute;
+  width: 100%;
+  border: 2px solid #fff;
+  box-sizing: border-box;
+  border-radius: 10px;
+}
+.header > view {
+  position: relative;
+}
+.header > view:nth-child(2) {
+  margin-left: 7vw;
+  margin-right: 7vw;
+}
+.header > view > view > text:first-child {
+  font-size: 27px;
+  font-weight: 500;
+  margin-right: 5px;
+  color: #fff4c9;
+}
+</style>
diff --git a/src/pages/detail.vue b/src/pages/detail.vue
new file mode 100644
index 0000000..66c131e
--- /dev/null
+++ b/src/pages/detail.vue
@@ -0,0 +1,467 @@
+<script setup>
+import { ref, onMounted, computed } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import Container from "@/components/Container.vue";
+import BowTargetEdit from "@/components/BowTargetEdit.vue";
+import ScreenHint from "@/components/ScreenHint.vue";
+import RingBarChart from "@/components/RingBarChart.vue";
+
+import { getPointBookDetailAPI, addNoteAPI } from "@/api";
+// import { generateShareImage } from "@/util";
+
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
+const store = useStore();
+const { user, device } = storeToRefs(store);
+
+const selectedIndex = ref(0);
+const showTip = ref(false);
+const showTip2 = ref(false);
+const showTip3 = ref(false);
+const data = ref({});
+const targetId = ref(0);
+const targetSrc = ref("");
+const arrows = ref([]);
+const notes = ref("");
+const draftNotes = ref("");
+const record = ref({
+  groups: [],
+  user: {},
+});
+const shareType = ref(1);
+
+const openTip = (index) => {
+  if (index === 1) showTip.value = true;
+  else if (index === 2) showTip2.value = true;
+  else if (index === 3) showTip3.value = true;
+};
+
+const closeTip = () => {
+  showTip.value = false;
+  showTip2.value = false;
+  showTip3.value = false;
+};
+
+const saveNote = async () => {
+  notes.value = draftNotes.value;
+  draftNotes.value = "";
+  showTip3.value = false;
+  if (record.value.id) {
+    await addNoteAPI(record.value.id, notes.value);
+  }
+};
+
+const onSelect = (index) => {
+  selectedIndex.value = index;
+  data.value = record.value.groups[index];
+  arrows.value = record.value.groups[index].list.filter(
+    (item) => item.x && item.y
+  );
+};
+
+const goBack = () => {
+  const pages = getCurrentPages();
+  if (pages.length > 1) {
+    const currentPage = pages[pages.length - 2];
+    uni.navigateBack({
+      delta: currentPage.route === "pages/point-book" ? 1 : 2,
+    });
+  } else {
+    uni.redirectTo({
+      url: "/pages/index",
+    });
+  }
+};
+
+const ringRates = computed(() => {
+  const rates = new Array(12).fill(0);
+  arrows.value.forEach((item) => {
+    if (item.ring === -1) rates[11] += 1;
+    else rates[item.ring] += 1;
+  });
+  return rates.map((r) => r / arrows.value.length);
+});
+
+const loading = ref(false);
+const shareImage = async () => {
+  if (loading.value) return;
+  loading.value = true;
+  await generateShareImage("shareImageCanvas");
+  loading.value = false;
+};
+
+onLoad(async (options) => {
+  if (options.id) {
+    const result = await getPointBookDetailAPI(options.id || 209);
+    record.value = result;
+    notes.value = result.remark || "";
+    const config = uni.getStorageSync("point-book-config");
+    config.targetOption.some((item) => {
+      if (item.id === result.targetType) {
+        targetId.value = item.id;
+        targetSrc.value = item.icon;
+      }
+    });
+    if (result.groups) {
+      data.value = result.groups[0];
+      arrows.value = result.groups[0].list;
+    }
+  }
+});
+</script>
+
+<template>
+  <Container :bgType="2" bgColor="#F5F5F5" title="" :onBack="goBack">
+    <view class="container">
+      <!-- <canvas
+        class="share-canvas"
+        canvas-id="shareImageCanvas"
+        style="width: 375px; height: 860px"
+      ></canvas> -->
+      <view class="detail-data">
+        <view>
+          <view
+            :style="{ display: 'flex', alignItems: 'center' }"
+            @click="() => openTip(1)"
+          >
+            <text>Stability</text>
+            <image
+              src="../static/s-question-mark.png"
+              mode="widthFix"
+              class="question-mark"
+            />
+          </view>
+          <text>{{ Number((data.stability || 0).toFixed(2)) }}</text>
+        </view>
+        <view>
+          <view>Yellow Rate</view>
+          <text>{{ Number((data.yellowRate * 100).toFixed(2)) }}%</text>
+        </view>
+        <view>
+          <view>Gold Rings</view>
+          <text>{{ data.tenRings }}</text>
+        </view>
+        <view>
+          <view>Avg Rings</view>
+          <text>{{ Number((data.averageRing || 0).toFixed(2)) }}</text>
+        </view>
+        <view>
+          <view>Total Rings</view>
+          <text>{{ data.userTotalRing }}/{{ data.totalRing }}</text>
+        </view>
+        <button
+          hover-class="none"
+          @click="() => openTip(3)"
+          v-if="user.id === record.user.id"
+        >
+          <image src="../static/edit.png" mode="widthFix" />
+          <text>Notes</text>
+        </button>
+      </view>
+      <view class="title-bar">
+        <view />
+        <text>Distribution</text>
+        <!-- <button hover-class="none" @click="() => openTip(2)">
+          <image
+            src="../static/s-question-mark.png"
+            mode="widthFix"
+            class="question-mark"
+          />
+        </button> -->
+      </view>
+      <view :style="{ transform: 'translateY(-45rpx)' }">
+        <BowTargetEdit
+          :id="targetId"
+          :src="targetSrc"
+          :arrows="arrows.filter((item) => item.x && item.y)"
+        />
+      </view>
+      <view :style="{ transform: 'translateY(-60rpx)' }">
+        <view :style="{ padding: '0 30rpx' }">
+          <RingBarChart :data="ringRates" />
+        </view>
+        <view class="ring-text-groups">
+          <view v-for="(item, index) in record.groups" :key="index">
+            <view v-if="selectedIndex === 0 && index !== 0">
+              <text>{{ index }}：</text>
+              <text>{{ item.userTotalRing }}</text>
+              <text>Ring</text>
+            </view>
+            <view
+              v-if="
+                (selectedIndex === 0 && index !== 0) ||
+                (selectedIndex !== 0 && index === selectedIndex)
+              "
+            >
+              <text
+                v-for="(arrow, index2) in item.list"
+                :key="index2"
+                :style="{
+                  color:
+                    arrow.ring === 0 || arrow.ring === 10 ? '#FFA118' : '#666',
+                }"
+              >
+                {{
+                  arrow.ring === 0 ? "X" : arrow.ring === -1 ? "M" : arrow.ring
+                }}
+              </text>
+            </view>
+          </view>
+        </view>
+        <view
+          class="btns"
+          :style="{
+            gridTemplateColumns: `repeat(${
+              user.id === record.user.id ? 1 : 1
+            }, 1fr)`,
+          }"
+        >
+          <button hover-class="none" @click="goBack">Close</button>
+          <!-- <button
+            hover-class="none"
+            @click="shareImage"
+            v-if="user.id === record.user.id"
+          >
+            分享
+          </button> -->
+        </view>
+      </view>
+      <ScreenHint
+        :show="showTip || showTip2 || showTip3"
+        :onClose="!notes && showTip3 ? null : closeTip"
+      >
+        <view class="tip-content">
+          <block v-if="showTip">
+            <text>Stability Description</text>
+            <text
+              >The stability of archery is measured by calculating the average
+              distance of each arrow to other arrows. The smaller the number,
+              the more stable the archery. This data can only be generated when
+              the user marks the landing point.</text
+            >
+          </block>
+          <block v-if="showTip2">
+            <text>Distribution Description</text>
+            <text>Show the user's archery points in a practice session</text>
+          </block>
+          <block v-if="showTip3">
+            <text>Notes</text>
+            <text v-if="notes">{{ notes }}</text>
+            <textarea
+              v-if="!notes"
+              v-model="draftNotes"
+              maxlength="300"
+              rows="4"
+              class="notes-input"
+              placeholder="写下本次射箭的补充信息与心得"
+              placeholder-style="color: #ccc;"
+            />
+            <view v-if="!notes">
+              <button hover-class="none" @click="showTip3 = false">
+                Cancel
+              </button>
+              <button hover-class="none" @click="saveNote">Save Notes</button>
+            </view>
+          </block>
+        </view>
+      </ScreenHint>
+    </view>
+  </Container>
+</template>
+
+<style scoped>
+.container {
+  width: 100%;
+}
+.detail-data {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  column-gap: 3vw;
+  margin: 10rpx 30rpx;
+  margin-top: 20rpx;
+}
+.detail-data > view,
+.detail-data > button {
+  border-radius: 10px;
+  background-color: #fff;
+  margin-bottom: 20rpx;
+  padding: 15rpx 24rpx;
+}
+.detail-data > view > view {
+  font-size: 13px;
+  color: #999;
+  margin-bottom: 6rpx;
+}
+.detail-data > view > view > text {
+  word-break: keep-all;
+}
+.detail-data > view > text {
+  font-weight: 500;
+  color: #000;
+}
+.detail-data > button {
+  display: flex;
+  align-items: center;
+  font-size: 26rpx;
+  color: #999999;
+}
+.detail-data > button > image {
+  width: 28rpx;
+  height: 28rpx;
+  margin-right: 10rpx;
+  margin-left: 20rpx;
+}
+.question-mark {
+  width: 28rpx;
+  height: 28rpx;
+  margin-left: 3px;
+}
+.title-bar {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  font-size: 13px;
+  color: #999;
+  position: relative;
+  z-index: 10;
+}
+.title-bar > view:first-child {
+  width: 8rpx;
+  height: 28rpx;
+  border-radius: 10px;
+  background-color: #fed847;
+  margin-right: 7px;
+  margin-left: 15px;
+}
+.title-bar > button {
+  height: 34rpx;
+}
+.tip-content {
+  width: 100%;
+  padding: 50rpx 44rpx;
+  display: flex;
+  flex-direction: column;
+  color: #000;
+  overflow: hidden;
+}
+.tip-content > text {
+  width: 100%;
+}
+.tip-content > text:first-child {
+  text-align: center;
+}
+.tip-content > text:last-child {
+  font-size: 13px;
+  margin-top: 20px;
+  opacity: 0.8;
+}
+.tip-content > view {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.tip-content > view > input {
+  width: 80%;
+  height: 44px;
+  border-radius: 22px;
+  border: 1px solid #eeeeee;
+  padding: 0 12px;
+  font-size: 14px;
+  color: #000;
+}
+.tip-content > view > button {
+  width: 48%;
+  background: linear-gradient(180deg, #fbfbfb 0%, #f5f5f5 100%);
+  border-radius: 22px;
+  border: 1px solid #eeeeee;
+  padding: 12px 0;
+  font-size: 14px;
+  color: #000;
+}
+.tip-content > view > button:last-child {
+  background: #fed847;
+}
+.ring-text-groups {
+  display: flex;
+  flex-direction: column;
+  padding: 20rpx;
+  padding-top: 40rpx;
+  font-size: 24rpx;
+  color: #999999;
+}
+.ring-text-groups > view {
+  display: flex;
+  justify-content: center;
+}
+.ring-text-groups > view > view:first-child:nth-last-child(2) {
+  margin-top: 10rpx;
+  margin-left: 30rpx;
+  width: 90rpx;
+  text-align: center;
+  justify-content: flex-end;
+  font-size: 20rpx;
+  display: flex;
+  color: #999;
+}
+.ring-text-groups > view > view:first-child:nth-last-child(2) > text {
+  line-height: 30rpx;
+}
+.ring-text-groups
+  > view
+  > view:first-child:nth-last-child(2)
+  > text:nth-child(2) {
+  font-size: 40rpx;
+  /* min-width: 45rpx; */
+  color: #666;
+  margin-right: 6rpx;
+  margin-top: -5rpx;
+}
+.ring-text-groups > view > view:last-child {
+  width: 80%;
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 30rpx;
+  transform: translateX(20rpx);
+}
+.ring-text-groups > view > view:last-child > text {
+  width: 16.6%;
+  text-align: center;
+  margin-bottom: 10rpx;
+  font-weight: 500;
+  font-size: 26rpx;
+}
+.notes-input {
+  width: calc(100% - 40rpx);
+  min-width: calc(100% - 40rpx);
+  margin: 25rpx 0;
+  border: 1px solid #eee;
+  border-radius: 5px;
+  padding: 5px;
+  color: #000;
+  padding: 20rpx;
+}
+.btns {
+  margin-bottom: 40rpx;
+  display: grid;
+  align-items: center;
+  justify-content: center;
+  column-gap: 20rpx;
+  padding: 0 20rpx;
+}
+.btns > button {
+  height: 84rpx;
+  line-height: 84rpx;
+  background: linear-gradient(180deg, #fbfbfb 0%, #f5f5f5 100%), #ffffff;
+  border-radius: 44rpx;
+  border: 2rpx solid #eeeeee;
+  box-sizing: border-box;
+  font-weight: 500;
+  font-size: 30rpx;
+  color: #000000;
+}
+.btns > button:nth-child(2) {
+  background: #fed847;
+  border: none;
+}
+</style>
diff --git a/src/pages/edit-profile.vue b/src/pages/edit-profile.vue
new file mode 100644
index 0000000..60e2d58
--- /dev/null
+++ b/src/pages/edit-profile.vue
@@ -0,0 +1,97 @@
+<script setup>
+import { ref, onMounted, reactive } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import Container from "@/components/Container.vue";
+
+const type = ref("");
+const formData = reactive({
+  name: "",
+  email: "",
+  code: "",
+  password: "",
+  confirmPassword: "",
+});
+
+onLoad((options) => {
+  type.value = options.type;
+});
+</script>
+
+<template>
+  <Container :bgType="2" bgColor="#F5F5F5" :title="`Edit ${type}`">
+    <view v-if="type === 'Name'" class="input-view input-row">
+      <input
+        v-model="formData.name"
+        placeholder="name"
+        placeholder-style="color:#999;"
+      />
+      <text>{{ formData.name.length }}/30</text>
+    </view>
+    <view v-else-if="type === 'Email'" class="input-view">
+      <view class="input-row">
+        <input
+          v-model="formData.email"
+          placeholder="email"
+          placeholder-style="color:#999;"
+        />
+      </view>
+      <view class="input-row">
+        <input
+          v-model="formData.code"
+          placeholder="verification code"
+          placeholder-style="color:#999;"
+        />
+        <button hover-class="none">get verification code</button>
+      </view>
+    </view>
+    <view v-else-if="type === 'Password'" class="input-view">
+      <view class="input-row">
+        <input
+          v-model="formData.password"
+          placeholder="password"
+          placeholder-style="color:#999;"
+        />
+      </view>
+      <view class="input-row">
+        <input
+          v-model="formData.confirmPassword"
+          placeholder="Confirm your password"
+          placeholder-style="color:#999;"
+        />
+      </view>
+    </view>
+  </Container>
+</template>
+
+<style scoped>
+.container {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.input-view {
+  padding: 0 30rpx;
+  border-radius: 25rpx;
+  color: #999;
+  background: #fff;
+  margin-top: 25rpx;
+  width: calc(100% - 100rpx);
+}
+.input-view > view:not(:first-child) {
+  border-top: 1rpx solid #e3e3e3;
+}
+.input-row {
+  display: flex;
+  align-items: center;
+  font-size: 26rpx;
+}
+.input-row > input {
+  padding: 30rpx 0;
+  flex: 1;
+}
+.input-row > button {
+  color: #287fff;
+  font-size: 26rpx;
+  line-height: 36rpx;
+}
+</style>
diff --git a/src/pages/edit.vue b/src/pages/edit.vue
new file mode 100644
index 0000000..48cc3a4
--- /dev/null
+++ b/src/pages/edit.vue
@@ -0,0 +1,276 @@
+<script setup>
+import { ref, onMounted } from "vue";
+import Container from "@/components/Container.vue";
+import ScreenHint from "@/components/ScreenHint.vue";
+import SButton from "@/components/SButton.vue";
+import BowTargetEdit from "@/components/BowTargetEdit.vue";
+import { savePointBookAPI } from "@/api";
+
+const showTip = ref(false);
+const groups = ref(0);
+const amount = ref(0);
+const currentGroup = ref(1);
+const currentArrow = ref(0);
+const arrowGroups = ref({});
+const bowtarget = ref({});
+const ringTypes = ref([
+  { ring: "X", color: "#FADB80" },
+  { ring: "10", color: "#FADB80" },
+  { ring: "9", color: "#FADB80" },
+  { ring: "8", color: "#F97E81" },
+  { ring: "7", color: "#F97E81" },
+  { ring: "6", color: "#7AC7FF" },
+  { ring: "5", color: "#7AC7FF" },
+  { ring: "4", color: "#9B9B9B" },
+  { ring: "3", color: "#9B9B9B" },
+  { ring: "2", color: "#d8d8d8" },
+  { ring: "1", color: "#d8d8d8" },
+]);
+
+const onBack = () => {
+  uni.navigateBack();
+};
+const onSubmit = async () => {
+  const isComplete = arrowGroups.value[currentGroup.value].every(
+    (item) => !!item.ring
+  );
+  if (!isComplete) {
+    return uni.showToast({
+      title: "Please complete the information",
+      icon: "none",
+    });
+  }
+  if (currentGroup.value < groups.value) {
+    currentGroup.value++;
+    currentArrow.value = 0;
+  } else {
+    const pointBook = uni.getStorageSync("last-point-book");
+    const res = await savePointBookAPI(
+      pointBook.bowType.id,
+      pointBook.distance,
+      pointBook.bowtargetType.id,
+      groups.value,
+      amount.value,
+      Object.values(arrowGroups.value)
+    );
+    if (res.record_id) {
+      uni.redirectTo({
+        url: `/pages/detail?id=${res.record_id}`,
+      });
+    }
+  }
+};
+const onClickRing = (ring) => {
+  if (arrowGroups.value[currentGroup.value]) {
+    arrowGroups.value[currentGroup.value][currentArrow.value] = { ring };
+    if (currentArrow.value < amount.value - 1) currentArrow.value++;
+  }
+};
+const deleteArrow = () => {
+  arrowGroups.value[currentGroup.value][currentArrow.value] = {};
+};
+const onEditDone = (arrow) => {
+  arrowGroups.value[currentGroup.value][currentArrow.value] = arrow;
+  if (currentArrow.value < amount.value - 1) currentArrow.value++;
+};
+
+onMounted(() => {
+  const pointBook = uni.getStorageSync("last-point-book");
+  if (pointBook.bowtargetType) {
+    bowtarget.value = pointBook.bowtargetType;
+    if (bowtarget.value.id > 3) {
+      ringTypes.value = ringTypes.value.slice(0, 6);
+      if (bowtarget.value.id > 8) {
+        ringTypes.value = ringTypes.value.slice(1);
+      }
+    }
+  }
+  if (pointBook.amountGroup) {
+    groups.value = Number(pointBook.amountGroup.split("/")[0]);
+    amount.value = Number(pointBook.amountGroup.split("/")[1]);
+    for (let i = 1; i <= groups.value; i++) {
+      arrowGroups.value[i] = new Array(amount.value).fill({});
+    }
+  }
+});
+</script>
+
+<template>
+  <Container :bgType="2" bgColor="#F5F5F5" :onBack="() => (showTip = true)">
+    <view class="container">
+      <BowTargetEdit
+        :onChange="onEditDone"
+        :arrows="arrowGroups[currentGroup]"
+        :id="bowtarget.id"
+        :src="bowtarget.icon"
+      />
+      <view class="title-bar">
+        <view>
+          <view />
+          <text>Set {{ currentGroup }}</text>
+        </view>
+        <view @click="deleteArrow">
+          <image src="../static/delete.png" />
+          <text>Delete</text>
+        </view>
+      </view>
+      <view class="bow-arrows">
+        <view
+          v-if="arrowGroups[currentGroup]"
+          v-for="(arrow, index) in arrowGroups[currentGroup]"
+          :key="index"
+          @click="currentArrow = index"
+          :style="{
+            borderColor: currentArrow === index ? '#FED847' : '#eeeeee',
+            borderWidth: currentArrow === index ? '2px' : '1px',
+          }"
+          >{{
+            isNaN(arrow.ring)
+              ? arrow.ring
+              : arrow.ring
+              ? arrow.ring + " points"
+              : ""
+          }}</view
+        >
+      </view>
+      <text
+        >It is recommended to score on the target face to obtain stability
+        analysis</text
+      >
+      <view class="bow-rings">
+        <view
+          v-for="(item, index) in ringTypes"
+          :key="index"
+          @click="() => onClickRing(item.ring)"
+          :style="{ backgroundColor: item.color }"
+          >{{ item.ring }}</view
+        >
+        <view
+          :style="{ backgroundColor: '#d8d8d8' }"
+          @click="() => onClickRing('M')"
+          >M</view
+        >
+      </view>
+      <ScreenHint :show="showTip">
+        <view class="tip-content">
+          <text>Leaving now will result in the loss of unsaved data.</text>
+          <text>Are you sure you want to continue?</text>
+          <view>
+            <button hover-class="none" @click="onBack">Exit</button>
+            <button hover-class="none" @click="showTip = false">
+              Continue
+            </button>
+          </view>
+        </view>
+      </ScreenHint>
+    </view>
+    <view :style="{ marginBottom: '20px' }">
+      <SButton :rounded="50" :onClick="onSubmit">
+        {{ currentGroup === groups ? "Submit for analysis" : "Next set" }}
+      </SButton>
+    </view>
+  </Container>
+</template>
+
+<style scoped>
+.container {
+  width: 100%;
+}
+.container > text {
+  margin: 15px;
+  color: #999;
+  font-size: 13px;
+  font-weight: 200;
+}
+.bow-arrows,
+.bow-rings {
+  margin: 15px;
+  display: grid;
+  column-gap: 1vw;
+  grid-template-columns: repeat(6, 1fr);
+  position: relative;
+}
+.bow-arrows > view,
+.bow-rings > view {
+  background: #ffffff;
+  border-radius: 6px;
+  border: 1px solid #eeeeee;
+  box-sizing: border-box;
+  font-size: 12px;
+  color: #333;
+  text-align: center;
+  padding: 5px 0;
+  height: 32px;
+  line-height: 20px;
+  margin-bottom: 5px;
+}
+.bow-rings > view {
+  font-size: 13px;
+  height: 36px;
+  line-height: 24px;
+  color: #fff;
+  background-color: #d8d8d8;
+}
+.tip-content {
+  width: 100%;
+  padding: 25px;
+  display: flex;
+  flex-direction: column;
+  color: #000;
+}
+.tip-content > text {
+  width: 100%;
+  text-align: center;
+  font-size: 14px;
+  margin-top: 5px;
+}
+.tip-content > view {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 20px;
+}
+.tip-content > view > button {
+  width: 48%;
+  background: linear-gradient(180deg, #fbfbfb 0%, #f5f5f5 100%);
+  border-radius: 22px;
+  border: 1px solid #eeeeee;
+  padding: 12px 0;
+  font-size: 14px;
+  color: #000;
+}
+.tip-content > view > button:last-child {
+  background: #fed847;
+}
+.title-bar {
+  width: calc(100% - 30px);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 13px;
+  margin: 0 15px;
+  position: relative;
+}
+.title-bar > view:first-child {
+  display: flex;
+  align-items: center;
+  color: #333;
+  font-weight: 500;
+}
+.title-bar > view:first-child > view:first-child {
+  width: 5px;
+  height: 15px;
+  border-radius: 10px;
+  background-color: #fed847;
+  margin-right: 7px;
+}
+.title-bar > view:nth-child(2) {
+  color: #287fff;
+  display: flex;
+  align-items: center;
+}
+.title-bar > view:nth-child(2) image {
+  width: 14px;
+  height: 14px;
+  margin-right: 5px;
+}
+</style>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index b5fa58e..2328efb 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,16 +1,401 @@
-<template>
-  <view class="container">
-    <text>你好，uni-app（仅 iOS/Android）</text>
-  </view>
-</template>
-
 <script setup>
-// 空脚本，保留最小体积
+import { ref, computed, onMounted, watch } from "vue";
+import { onShow } from "@dcloudio/uni-app";
+import Container from "@/components/Container.vue";
+import PointRecord from "@/components/PointRecord.vue";
+import RingBarChart from "@/components/RingBarChart.vue";
+
+import {
+  getHomeData,
+  getPointBookConfigAPI,
+  getPointBookStatisticsAPI,
+} from "@/api";
+import { getElementRect } from "@/util";
+
+// import { generateKDEHeatmapImage } from "@/kde-heatmap";
+
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
+const store = useStore();
+const { updateUser } = store;
+const { user } = storeToRefs(store);
+
+const isIOS = computed(() => {
+  const systemInfo = uni.getDeviceInfo();
+  return systemInfo.osName === "ios";
+});
+
+const loadImage = ref(false);
+const data = ref({
+  weeksCheckIn: [],
+});
+
+const bowTargetSrc = ref("");
+const heatMapImageSrc = ref(""); // 存储热力图图片地址
+
+const toListPage = () => {
+  uni.navigateTo({
+    url: "/pages/list",
+  });
+};
+
+const startScoring = () => {
+  if (user.value.id)
+    return uni.navigateTo({
+      url: "/pages/create",
+    });
+  uni.navigateTo({
+    url: "/pages/signin",
+  });
+};
+
+const loadData = async () => {
+  data.value = await getPointBookStatisticsAPI();
+
+  // const rect = await getElementRect(".heat-map");
+  // let hot = 0;
+  // if (result2.checkInCount > -3 && result2.checkInCount < 3) hot = 1;
+  // else if (result2.checkInCount >= 3) hot = 2;
+  // else if (result2.checkInCount >= 5) hot = 3;
+  // else if (result2.checkInCount === 7) hot = 4;
+  // uni.$emit("update-hot", hot);
+  // loadImage.value = true;
+  // const generateHeatmapAsync = async () => {
+  //   const weekArrows = result2.weekArrows
+  //     .filter((item) => item.x && item.y)
+  //     .map((item) => [item.x, item.y]);
+
+  //   try {
+  //     // 渐进式渲染：数据量大时先快速渲染粗略版本
+  //     if (weekArrows.length > 1000) {
+  //       const quickPath = await generateKDEHeatmapImage(
+  //         "heatMapCanvas",
+  //         rect.width,
+  //         rect.height,
+  //         weekArrows
+  //       );
+  //       heatMapImageSrc.value = quickPath;
+  //       // 延迟后再渲染精细版本
+  //       await new Promise((resolve) => setTimeout(resolve, 500));
+  //     }
+
+  //     // 渲染最终精细版本
+  //     const finalPath = await generateKDEHeatmapImage(
+  //       "heatMapCanvas",
+  //       rect.width,
+  //       rect.height,
+  //       weekArrows,
+  //       {
+  //         range: [0, 1],
+  //         gridSize: 120, // 更高的网格密度，减少锯齿
+  //         bandwidth: 0.15, // 稍小的带宽，让热力图更细腻
+  //         showPoints: false,
+  //       }
+  //     );
+  //     heatMapImageSrc.value = finalPath;
+  //     loadImage.value = false;
+  //     console.log("Heatmap image path:", finalPath);
+  //   } catch (error) {
+  //     console.error("Failed to generate heatmap image:", error);
+  //     loadImage.value = false;
+  //   }
+  // };
+
+  // // 异步生成热力图，不阻塞UI
+  // generateHeatmapAsync();
+};
+
+watch(
+  () => user.value.id,
+  (id) => {
+    if (id) loadData();
+  }
+);
+
+onShow(async () => {
+  uni.removeStorageSync("point-book");
+  if (user.value.id) loadData();
+});
+
+onMounted(async () => {
+  const token = uni.getStorageSync("token");
+  if (!user.value.id && token) {
+    const data = await getHomeData();
+    if (data.user) updateUser(data.user);
+  }
+  const config = await getPointBookConfigAPI();
+  uni.setStorageSync("point-book-config", config);
+  if (config.targetOption && config.targetOption[0]) {
+    bowTargetSrc.value = config.targetOption[0].icon;
+  }
+});
 </script>
 
-<style>
+<template>
+  <Container :bgType="4" bgColor="#F5F5F5" title="">
+    <view class="container">
+      <view class="daily-signin">
+        <view>
+          <image src="../static/week-check.png" />
+        </view>
+        <view :class="data.weeksCheckIn[0] ? 'checked' : ''">
+          <image
+            v-if="data.weeksCheckIn[0]"
+            src="../static/checked-green2.png"
+            mode="widthFix"
+          />
+          <view v-else></view>
+          <text>Mon</text>
+        </view>
+        <view :class="data.weeksCheckIn[1] ? 'checked' : ''">
+          <image
+            v-if="data.weeksCheckIn[1]"
+            src="../static/checked-green2.png"
+            mode="widthFix"
+          />
+          <view v-else></view>
+          <text>Tue</text>
+        </view>
+        <view :class="data.weeksCheckIn[2] ? 'checked' : ''">
+          <image
+            v-if="data.weeksCheckIn[2]"
+            src="../static/checked-green2.png"
+            mode="widthFix"
+          />
+          <view v-else></view>
+          <text>Wed</text>
+        </view>
+        <view :class="data.weeksCheckIn[3] ? 'checked' : ''">
+          <image
+            v-if="data.weeksCheckIn[3]"
+            src="../static/checked-green2.png"
+            mode="widthFix"
+          />
+          <view v-else></view>
+          <text>Thu</text>
+        </view>
+        <view :class="data.weeksCheckIn[4] ? 'checked' : ''">
+          <image
+            v-if="data.weeksCheckIn[4]"
+            src="../static/checked-green2.png"
+            mode="widthFix"
+          />
+          <view v-else></view>
+          <text>Fri</text>
+        </view>
+        <view :class="data.weeksCheckIn[5] ? 'checked' : ''">
+          <image
+            v-if="data.weeksCheckIn[5]"
+            src="../static/checked-green2.png"
+            mode="widthFix"
+          />
+          <view v-else></view>
+          <text>Sat</text>
+        </view>
+        <view :class="data.weeksCheckIn[6] ? 'checked' : ''">
+          <image
+            v-if="data.weeksCheckIn[6]"
+            src="../static/checked-green2.png"
+            mode="widthFix"
+          />
+          <view v-else></view>
+          <text>Sun</text>
+        </view>
+      </view>
+      <view class="statistics">
+        <view>
+          <text>{{ data.todayTotalArrow || "-" }}</text>
+          <text>Arrows Today</text>
+        </view>
+        <view>
+          <text>{{ data.totalArrow || "-" }}</text>
+          <text>Total Arrows</text>
+        </view>
+        <view>
+          <text>{{ data.totalDay || "-" }}</text>
+          <text>Training Days</text>
+        </view>
+        <view>
+          <text>{{ data.averageRing || "-" }}</text>
+          <text>Average Rings</text>
+        </view>
+        <view>
+          <text>{{
+            data.yellowRate !== undefined
+              ? Number((data.yellowRate * 100).toFixed(2)) + "%"
+              : "-"
+          }}</text>
+          <text>Gold Rate</text>
+        </view>
+        <view>
+          <button hover-class="none" @click="startScoring">
+            <image src="../static/start-scoring.png" mode="widthFix" />
+          </button>
+        </view>
+      </view>
+      <view class="title" :style="{ marginBottom: 0 }">
+        <image src="../static/point-book-title1.png" mode="widthFix" />
+      </view>
+      <view class="heat-map">
+        <image
+          :src="bowTargetSrc || '../static/bow-target.png'"
+          mode="widthFix"
+        />
+        <image
+          v-if="heatMapImageSrc"
+          :src="heatMapImageSrc"
+          mode="aspectFill"
+        />
+        <view v-if="loadImage" class="load-image">
+          <text>Generating...</text>
+        </view>
+        <canvas
+          id="heatMapCanvas"
+          canvas-id="heatMapCanvas"
+          type="2d"
+          style="
+            width: 100%;
+            height: 100%;
+            position: absolute;
+            top: -1000px;
+            left: 0;
+            z-index: 2;
+          "
+        />
+      </view>
+      <RingBarChart :data="data.ringRate" v-if="user.id" />
+    </view>
+  </Container>
+</template>
+
+<style scoped>
 .container {
-  padding: 24rpx;
+  width: calc(100% - 50rpx);
+  padding: 25rpx;
+}
+.statistics {
+  border-radius: 25rpx;
+  border-bottom-left-radius: 50rpx;
+  border-bottom-right-radius: 50rpx;
+  border: 4rpx solid #fed848;
+  background: #fff;
+  font-size: 22rpx;
+  display: flex;
+  flex-wrap: wrap;
+  padding: 25rpx 0;
+  margin-bottom: 10rpx;
+}
+.statistics > view {
+  width: 33.33%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.statistics > view:nth-child(-n + 3) {
+  margin-bottom: 25rpx;
+}
+.statistics > view:nth-child(2),
+.statistics > view:nth-child(5) {
+  border-left: 1rpx solid #eeeeee;
+  border-right: 1rpx solid #eeeeee;
+  box-sizing: border-box;
+}
+.statistics > view > text {
+  text-align: center;
+  font-size: 22rpx;
+  color: #333333;
+}
+.statistics > view > text:first-child {
+  font-weight: 500;
+  font-size: 40rpx;
+  margin-bottom: 10rpx;
+}
+.statistics > view:last-child > button > image {
+  width: 164rpx;
+}
+.daily-signin {
+  display: grid;
+  grid-template-columns: repeat(8, 1fr);
+  gap: 10rpx;
+  border-radius: 20rpx;
+  margin-bottom: 25rpx;
+}
+.daily-signin > view {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border-radius: 12rpx;
+  box-sizing: border-box;
+}
+.daily-signin > view:not(:first-child) {
+  background: #f8f8f8;
+  box-sizing: border-box;
+  width: 78rpx;
+  height: 94rpx;
+  padding-top: 10rpx;
+}
+.daily-signin > view:not(:first-child) > image {
+  width: 32rpx;
+  height: 32rpx;
+}
+.daily-signin > view:not(:first-child) > view {
+  width: 32rpx;
+  height: 32rpx;
+  border-radius: 50%;
+  box-sizing: border-box;
+  border: 2rpx solid #333;
+}
+.daily-signin > view > text {
+  font-size: 20rpx;
+  color: #999999;
+  font-weight: 500;
+  text-align: center;
+  margin-top: 10rpx;
+}
+.daily-signin > view:first-child > image {
+  width: 72rpx;
+  height: 94rpx;
+}
+.checked {
+  border: 2rpx solid #000;
+}
+.checked > text {
+  color: #333 !important;
+}
+.title {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  margin: 25rpx 0;
+}
+.title > image {
+  width: 566rpx;
+}
+.heat-map {
+  position: relative;
+  margin: 0 auto;
+  width: calc(100vw - 70rpx);
+  height: calc(100vw - 70rpx);
+  transform: scale(0.9);
+}
+.heat-map > image {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.load-image {
+  position: absolute;
+  width: 160rpx;
+  top: calc(50% - 65rpx);
+  left: calc(50% - 75rpx);
+  color: #525252;
+  font-size: 20rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 </style>
-
diff --git a/src/pages/list.vue b/src/pages/list.vue
new file mode 100644
index 0000000..8b11b51
--- /dev/null
+++ b/src/pages/list.vue
@@ -0,0 +1,246 @@
+<script setup>
+import { ref, onMounted } from "vue";
+import Container from "@/components/Container.vue";
+import SModal from "@/components/SModal.vue";
+import EditOption from "@/components/EditOption.vue";
+import PointRecord from "@/components/PointRecord.vue";
+import ScrollList from "@/components/ScrollList.vue";
+import ScreenHint from "@/components/ScreenHint.vue";
+import { getPointBookListAPI, removePointRecord } from "@/api";
+
+const showTip = ref(false);
+const bowType = ref({});
+const distance = ref(0);
+const bowtargetType = ref({});
+const showModal = ref(false);
+const selectorIndex = ref(0);
+const list = ref([]);
+const removeId = ref("");
+
+const onListLoading = async (page) => {
+  const result = await getPointBookListAPI(
+    page,
+    bowType.value.id,
+    distance.value,
+    bowtargetType.value.id
+  );
+  if (page === 1) {
+    list.value = result;
+  } else {
+    list.value = list.value.concat(result);
+  }
+  return result.length;
+};
+
+const openSelector = (index) => {
+  selectorIndex.value = index;
+  showModal.value = true;
+};
+
+const onRemoveRecord = (item) => {
+  removeId.value = item.id;
+  showTip.value = true;
+};
+
+const confirmRemove = async () => {
+  try {
+    showTip.value = false;
+    await removePointRecord(removeId.value);
+    list.value = list.value.filter((it) => it.id !== removeId.value);
+    uni.showToast({ title: "Deleted", icon: "none" });
+  } catch (e) {
+    uni.showToast({ title: "Delete failed, please retry", icon: "none" });
+  }
+};
+
+const onSelectOption = (itemIndex, value) => {
+  if (itemIndex === 0) {
+    bowType.value = value.name === bowType.value.name ? {} : value;
+  } else if (itemIndex === 1) {
+    distance.value = value === distance.value ? 0 : value;
+  } else if (itemIndex === 2) {
+    bowtargetType.value = value.name === bowtargetType.value.name ? {} : value;
+  }
+  showModal.value = false;
+  onListLoading(1);
+};
+</script>
+
+<template>
+  <Container :bgType="2" bgColor="#F5F5F5" title="Point Records">
+    <view class="container">
+      <view class="selectors">
+        <view @click="() => openSelector(0)">
+          <text :style="{ color: bowType.name ? '#000' : '#999' }">{{
+            bowType.name || "Please select"
+          }}</text>
+          <image src="../static/arrow-grey.png" mode="widthFix" />
+        </view>
+        <view @click="() => openSelector(1)">
+          <text :style="{ color: distance ? '#000' : '#999' }">{{
+            distance ? distance + " m" : "Please select"
+          }}</text>
+          <image src="../static/arrow-grey.png" mode="widthFix" />
+        </view>
+        <view @click="() => openSelector(2)">
+          <text :style="{ color: bowtargetType.name ? '#000' : '#999' }">{{
+            bowtargetType.name || "Please select"
+          }}</text>
+          <image src="../static/arrow-grey.png" mode="widthFix" />
+        </view>
+      </view>
+      <view class="point-records">
+        <ScrollList :onLoading="onListLoading">
+          <view v-for="(item, index) in list" :key="item.id">
+            <PointRecord :data="item" :onRemove="onRemoveRecord" />
+            <view
+              v-if="index < list.length - 1"
+              :style="{ height: '25rpx' }"
+            ></view>
+          </view>
+          <view class="no-data" v-if="list.length === 0">No data</view>
+        </ScrollList>
+      </view>
+      <SModal
+        :show="showModal"
+        :noBg="true"
+        height="auto"
+        :onClose="() => (showModal = false)"
+      >
+        <view class="selector">
+          <button hover-class="none" @click="() => (showModal = false)">
+            <image src="../static/close-grey.png" mode="widthFix" />
+          </button>
+          <EditOption
+            v-show="selectorIndex === 0"
+            :itemIndex="0"
+            :expand="true"
+            :noArrow="true"
+            :onSelect="onSelectOption"
+            :value="bowType.name"
+          />
+          <EditOption
+            v-show="selectorIndex === 1"
+            :itemIndex="1"
+            :expand="true"
+            :noArrow="true"
+            :onSelect="onSelectOption"
+            :value="distance + ''"
+          />
+          <EditOption
+            v-show="selectorIndex === 2"
+            :itemIndex="2"
+            :expand="true"
+            :noArrow="true"
+            :onSelect="onSelectOption"
+            :value="bowtargetType.name"
+          />
+        </view>
+      </SModal>
+      <ScreenHint :show="showTip">
+        <view class="tip-content">
+          <text>Are you sure to delete this record?</text>
+          <view>
+            <button hover-class="none" @click="showTip = false">Cancel</button>
+            <button hover-class="none" @click="confirmRemove">Confirm</button>
+          </view>
+        </view>
+      </ScreenHint>
+    </view>
+  </Container>
+</template>
+
+<style scoped>
+.container {
+  width: 100%;
+  height: 100%;
+}
+.selectors {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 15px;
+  margin-top: 10px;
+}
+.selectors > view {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: #fff;
+  height: 55px;
+  border-radius: 12px;
+  color: #333;
+  font-size: 13px;
+  width: 26vw;
+}
+.selectors > view:last-child {
+  width: 34vw;
+}
+.selectors > view > text {
+  width: calc(100% - 11vw);
+  text-align: center;
+  margin-left: 3vw;
+}
+.selectors > view > image {
+  width: 5vw;
+  margin-right: 3vw;
+}
+.selector {
+  padding: 10px;
+  background-color: #fff;
+  border-radius: 10px;
+  position: relative;
+}
+.selector > button {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.selector > button > image {
+  width: 40px;
+}
+.point-records {
+  margin: 0 15px;
+  margin-top: 10px;
+  height: calc(100% - 80px);
+}
+.no-data {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #999999;
+  font-size: 14px;
+}
+.tip-content {
+  width: 100%;
+  padding: 25px;
+  display: flex;
+  flex-direction: column;
+  color: #000;
+}
+.tip-content > text {
+  width: 100%;
+  text-align: center;
+  font-size: 14px;
+  margin-top: 5px;
+}
+.tip-content > view {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 20px;
+}
+.tip-content > view > button {
+  width: 48%;
+  background: linear-gradient(180deg, #fbfbfb 0%, #f5f5f5 100%);
+  border-radius: 22px;
+  border: 1px solid #eeeeee;
+  padding: 12px 0;
+  font-size: 14px;
+  color: #000;
+}
+.tip-content > view > button:last-child {
+  background: #fed847;
+}
+</style>
diff --git a/src/pages/profile.vue b/src/pages/profile.vue
new file mode 100644
index 0000000..f93068e
--- /dev/null
+++ b/src/pages/profile.vue
@@ -0,0 +1,201 @@
+<script setup>
+import { ref } from "vue";
+import Avatar from "@/components/Avatar.vue";
+
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
+const store = useStore();
+const { user } = storeToRefs(store);
+
+const editAvatar = ref(false);
+
+const toEditPage = (type) => {
+  uni.navigateTo({
+    url: "/pages/edit-profile?type=" + type,
+  });
+};
+
+const toSignInPage = () => {
+  uni.navigateTo({
+    url: "/pages/signin",
+  });
+};
+</script>
+
+<template>
+  <view class="container">
+    <view class="header">
+      <image :src="user.avatar" mode="widthFix" />
+      <button hover-class="none" @click="editAvatar = true">
+        <image src="../static/pen-yellow.png" mode="widthFix" />
+      </button>
+    </view>
+    <view class="body">
+      <view>
+        <button hover-class="none" @click="toEditPage('Name')">
+          <image src="../static/user-yellow.png" mode="widthFix" />
+          <text>Name</text>
+          <image src="../static/back-grey.png" mode="widthFix" />
+        </button>
+        <button hover-class="none" @click="toEditPage('Email')">
+          <image src="../static/email-yellow.png" mode="widthFix" />
+          <text>Email</text>
+          <image src="../static/back-grey.png" mode="widthFix" />
+        </button>
+        <button hover-class="none" @click="toEditPage('Password')">
+          <image src="../static/password-yellow.png" mode="widthFix" />
+          <text>Password</text>
+          <image src="../static/back-grey.png" mode="widthFix" />
+        </button>
+      </view>
+      <button hover-class="none" @click="toSignInPage">Log out</button>
+      <view>
+        <text>Have questions? Please contact us through email: </text>
+        <text>shelingxingqiu@163.com</text>
+      </view>
+    </view>
+    <view
+      class="edit-avatar"
+      :style="{ height: editAvatar ? '100vh' : '0' }"
+      @click="editAvatar = false"
+    >
+      <image :src="user.avatar" mode="widthFix" />
+      <view>
+        <button hover-class="none">
+          <text>Take a photo</text>
+          <image src="../static/back-grey.png" mode="widthFix" />
+        </button>
+        <button hover-class="none">
+          <text>Choose photo</text>
+          <image src="../static/back-grey.png" mode="widthFix" />
+        </button>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+}
+.header {
+  position: relative;
+  margin-top: -120rpx;
+}
+.header > image {
+  width: 180rpx;
+  height: 180rpx;
+  border-radius: 50%;
+  border: 4rpx solid #fff;
+}
+.header > button {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+.header > button > image {
+  width: 60rpx;
+  height: 60rpx;
+}
+.body {
+  width: 100%;
+  margin-top: 20rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+}
+.body > view:first-child {
+  background-color: #fff;
+  border-radius: 25px;
+  padding: 0 20px;
+  width: calc(100% - 80rpx);
+}
+.body > view:first-child > button {
+  display: flex;
+  align-items: center;
+  padding: 20px 0;
+}
+.body > view:first-child > button:not(:last-child) {
+  border-bottom: 1rpx solid #e3e3e3;
+}
+.body > view:first-child > button > image:first-child {
+  width: 40rpx;
+  height: 40rpx;
+}
+.body > view:first-child > button > text {
+  flex: 1;
+  font-size: 26rpx;
+  color: #333333;
+  text-align: left;
+  padding-left: 20rpx;
+}
+.body > view:first-child > button > image:last-child {
+  width: 28rpx;
+  height: 28rpx;
+}
+.body > button {
+  margin-top: 24rpx;
+  background: #fff;
+  border-radius: 24rpx;
+  font-size: 26rpx;
+  color: #287fff;
+  text-align: center;
+  padding: 20px 0;
+  width: 100%;
+}
+.body > view:last-child {
+  margin-top: auto;
+  padding-bottom: 25rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 24rpx;
+  color: #666666;
+}
+.body > view:last-child > text:last-child {
+  color: #287fff;
+}
+.edit-avatar {
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: 100vw;
+  background: rgba(0, 0, 0, 0.8);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+.edit-avatar > image {
+  width: 85vw;
+  height: 85vw;
+  border-radius: 50%;
+}
+.edit-avatar > view {
+  border-radius: 25rpx;
+  margin-top: 100rpx;
+  width: calc(100% - 150rpx);
+  padding: 0 40rpx;
+  background: #404040;
+}
+.edit-avatar > view > button {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 30rpx;
+  color: #ffffff;
+  padding: 40rpx 0;
+}
+.edit-avatar > view > button:not(:last-child) {
+  border-bottom: 1rpx solid #fff3;
+  border-radius: 0;
+}
+.edit-avatar > view > button > image {
+  width: 28rpx;
+}
+</style>
diff --git a/src/pages/reset-pwd.vue b/src/pages/reset-pwd.vue
new file mode 100644
index 0000000..5aa7c2d
--- /dev/null
+++ b/src/pages/reset-pwd.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { ref } from "vue";
+import InputRow from "@/components/InputRow.vue";
+import SButton from "@/components/SButton.vue";
+
+const toSignInPage = () => {
+  uni.navigateBack();
+};
+</script>
+
+<template>
+  <view class="container">
+    <text class="title">Reset Password</text>
+    <text class="sub-title">Enter email address to reset password</text>
+    <InputRow placeholder="email" width="80vw" />
+    <InputRow
+      placeholder="verification code"
+      type="number"
+      width="80vw"
+      btnType="code"
+    />
+    <InputRow type="password" placeholder="password" width="80vw" />
+    <InputRow type="password" placeholder="confirm password" width="80vw" />
+    <view :style="{ height: '20rpx' }"></view>
+    <SButton width="80vw">Submit</SButton>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  padding-top: 240rpx;
+  background: #f5f5f5;
+}
+.title {
+  font-weight: 600;
+  font-size: 48rpx;
+  color: #333333;
+  width: 80vw;
+  margin-bottom: 10rpx;
+}
+.sub-title {
+  font-size: 24rpx;
+  color: #666666;
+  width: 80vw;
+  margin-bottom: 20rpx;
+}
+</style>
diff --git a/src/pages/signin.vue b/src/pages/signin.vue
new file mode 100644
index 0000000..81d7a27
--- /dev/null
+++ b/src/pages/signin.vue
@@ -0,0 +1,145 @@
+<script setup>
+import { ref } from "vue";
+import InputRow from "@/components/InputRow.vue";
+import SButton from "@/components/SButton.vue";
+
+const checked = ref(false);
+
+const toSignUpPage = () => {
+  uni.navigateTo({
+    url: "/pages/signup",
+  });
+};
+
+const toResetPasswordPage = () => {
+  uni.navigateTo({
+    url: "/pages/reset-pwd",
+  });
+};
+</script>
+
+<template>
+  <view class="container">
+    <image class="app-logo" src="../static/logo.png" mode="widthFix" />
+    <text class="app-name">ARCX</text>
+    <InputRow type="text" placeholder="email" width="80vw" />
+    <InputRow type="password" placeholder="password" width="80vw" />
+    <view class="btn-row">
+      <button hover-class="none" @click="toResetPasswordPage">
+        Forgot Password?
+      </button>
+    </view>
+    <SButton width="80vw">login</SButton>
+    <button
+      hover-class="none"
+      @click.stop="checked = !checked"
+      class="agreement"
+    >
+      <image :src="`../static/${checked ? 'checked' : 'unchecked'}.png`" />
+      <text>i read and accept</text>
+      <button hover-class="none" @click.stop="">user agreement</button>
+      <text>and</text>
+      <button hover-class="none" @click.stop="">privacy policy</button>
+    </button>
+    <view class="thrid-signin">
+      <button hover-class="none">
+        <image src="../static/google-icon.png" mode="widthFix" />
+        <text>login with google</text>
+      </button>
+      <button hover-class="none">
+        <image src="../static/apple-icon.png" mode="widthFix" />
+        <text>login with apple</text>
+      </button>
+    </view>
+    <view class="to-sign-up">
+      <text>don't have an account? </text>
+      <button hover-class="none" @click.stop="toSignUpPage">sign up ></button>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: #f5f5f5;
+}
+.app-logo {
+  width: 176rpx;
+  height: 176rpx;
+  margin-top: 40rpx;
+}
+.app-name {
+  font-weight: 600;
+  font-size: 40rpx;
+  color: #333333;
+  margin: 20rpx 0;
+}
+.btn-row {
+  width: 80vw;
+  display: flex;
+  justify-content: flex-end;
+}
+.btn-row > button {
+  font-size: 24rpx;
+  color: #287fff;
+  margin-bottom: 25rpx;
+  line-height: 34rpx;
+}
+.agreement {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  font-size: 24rpx;
+  margin-top: 24rpx;
+  margin-bottom: 50rpx;
+  color: #999999;
+}
+.agreement > image:first-child {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 10rpx;
+}
+.agreement > button {
+  color: #333;
+  font-size: 24rpx;
+  margin: 0 10rpx;
+}
+.thrid-signin {
+  width: 80vw;
+  display: flex;
+  flex-direction: column;
+  margin: 60rpx 0;
+}
+.thrid-signin > button {
+  width: 100%;
+  height: 88rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 45rpx;
+  background-color: #fff;
+  font-size: 30rpx;
+  color: #333333;
+  margin: 20rpx 0;
+}
+.thrid-signin > button > image {
+  width: 40rpx;
+  margin-right: 20rpx;
+}
+.to-sign-up {
+  font-size: 24rpx;
+  color: #666666;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.to-sign-up > button {
+  font-size: 24rpx;
+  color: #287fff;
+  margin-left: 20rpx;
+}
+</style>
diff --git a/src/pages/signup.vue b/src/pages/signup.vue
new file mode 100644
index 0000000..1a2d2db
--- /dev/null
+++ b/src/pages/signup.vue
@@ -0,0 +1,91 @@
+<script setup>
+import { ref } from "vue";
+import InputRow from "@/components/InputRow.vue";
+import SButton from "@/components/SButton.vue";
+
+const toSignInPage = () => {
+  uni.navigateBack();
+};
+</script>
+
+<template>
+  <view class="container">
+    <text class="title">Sign up</text>
+    <text class="sub-title">Create an Arcx account</text>
+    <InputRow placeholder="name" width="80vw" />
+    <InputRow placeholder="email" width="80vw" />
+    <InputRow placeholder="verification code" type="number" width="80vw" btnType="code" />
+    <InputRow type="password" placeholder="password" width="80vw" />
+    <InputRow type="password" placeholder="confirm password" width="80vw" />
+    <view :style="{ height: '20rpx' }"></view>
+    <SButton width="80vw">login</SButton>
+    <view class="agreement">
+      <text>By clicking “Sign Up”, you agree to our</text>
+      <button hover-class="none" @click.stop="">user agreement</button>
+      <text>and</text>
+      <button hover-class="none" @click.stop="">privacy policy</button>
+    </view>
+    <view class="to-sign-up">
+      <text>have an account? </text>
+      <button hover-class="none" @click.stop="toSignInPage">sign in ></button>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: #f5f5f5;
+}
+.title {
+  font-weight: 600;
+  font-size: 48rpx;
+  color: #333333;
+  width: 80vw;
+  margin-bottom: 10rpx;
+}
+.sub-title {
+  font-size: 24rpx;
+  color: #666666;
+  width: 80vw;
+  margin-bottom: 20rpx;
+}
+.agreement {
+  width: 80vw;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 24rpx;
+  margin-top: 24rpx;
+  margin-bottom: 50rpx;
+  color: #999999;
+  flex-wrap: wrap;
+}
+.agreement > image:first-child {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 10rpx;
+}
+.agreement > button {
+  color: #333;
+  font-size: 24rpx;
+  margin: 0 10rpx;
+}
+.to-sign-up {
+  font-size: 24rpx;
+  color: #999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 100rpx;
+}
+.to-sign-up > button {
+  font-size: 24rpx;
+  color: #287fff;
+  margin-left: 20rpx;
+}
+</style>
diff --git a/src/static/app-bg3.png b/src/static/app-bg3.png
new file mode 100644
index 0000000..5b297f0
Binary files /dev/null and b/src/static/app-bg3.png differ
diff --git a/src/static/app-bg5.png b/src/static/app-bg5.png
new file mode 100644
index 0000000..894bb9d
Binary files /dev/null and b/src/static/app-bg5.png differ
diff --git a/src/static/apple-icon.png b/src/static/apple-icon.png
new file mode 100644
index 0000000..c181609
Binary files /dev/null and b/src/static/apple-icon.png differ
diff --git a/src/static/arrow-edit-delete.png b/src/static/arrow-edit-delete.png
new file mode 100644
index 0000000..c3b6076
Binary files /dev/null and b/src/static/arrow-edit-delete.png differ
diff --git a/src/static/arrow-edit-move.png b/src/static/arrow-edit-move.png
new file mode 100644
index 0000000..15713f4
Binary files /dev/null and b/src/static/arrow-edit-move.png differ
diff --git a/src/static/arrow-edit-save.png b/src/static/arrow-edit-save.png
new file mode 100644
index 0000000..50e065e
Binary files /dev/null and b/src/static/arrow-edit-save.png differ
diff --git a/src/static/arrow-grey.png b/src/static/arrow-grey.png
new file mode 100644
index 0000000..5faf819
Binary files /dev/null and b/src/static/arrow-grey.png differ
diff --git a/src/static/back-black.png b/src/static/back-black.png
new file mode 100644
index 0000000..4f86e03
Binary files /dev/null and b/src/static/back-black.png differ
diff --git a/src/static/back-grey.png b/src/static/back-grey.png
new file mode 100644
index 0000000..17562b7
Binary files /dev/null and b/src/static/back-grey.png differ
diff --git a/src/static/bow-target.png b/src/static/bow-target.png
new file mode 100644
index 0000000..a175ed6
Binary files /dev/null and b/src/static/bow-target.png differ
diff --git a/src/static/btn-loading.png b/src/static/btn-loading.png
new file mode 100644
index 0000000..fab9a4d
Binary files /dev/null and b/src/static/btn-loading.png differ
diff --git a/src/static/checked-green2.png b/src/static/checked-green2.png
new file mode 100644
index 0000000..a71470a
Binary files /dev/null and b/src/static/checked-green2.png differ
diff --git a/src/static/checked.png b/src/static/checked.png
new file mode 100644
index 0000000..437a666
Binary files /dev/null and b/src/static/checked.png differ
diff --git a/src/static/close-grey.png b/src/static/close-grey.png
new file mode 100644
index 0000000..c79b417
Binary files /dev/null and b/src/static/close-grey.png differ
diff --git a/src/static/close-white-outline.png b/src/static/close-white-outline.png
new file mode 100644
index 0000000..d0955db
Binary files /dev/null and b/src/static/close-white-outline.png differ
diff --git a/src/static/close-yellow.png b/src/static/close-yellow.png
new file mode 100644
index 0000000..a6ba7bb
Binary files /dev/null and b/src/static/close-yellow.png differ
diff --git a/src/static/delete.png b/src/static/delete.png
new file mode 100644
index 0000000..caf643b
Binary files /dev/null and b/src/static/delete.png differ
diff --git a/src/static/edit.png b/src/static/edit.png
new file mode 100644
index 0000000..f583708
Binary files /dev/null and b/src/static/edit.png differ
diff --git a/src/static/email-yellow.png b/src/static/email-yellow.png
new file mode 100644
index 0000000..2d12a35
Binary files /dev/null and b/src/static/email-yellow.png differ
diff --git a/src/static/enter-arrow-blue.png b/src/static/enter-arrow-blue.png
new file mode 100644
index 0000000..18ed17d
Binary files /dev/null and b/src/static/enter-arrow-blue.png differ
diff --git a/src/static/google-icon.png b/src/static/google-icon.png
new file mode 100644
index 0000000..0776e71
Binary files /dev/null and b/src/static/google-icon.png differ
diff --git a/src/static/hot1.png b/src/static/hot1.png
new file mode 100644
index 0000000..dc04867
Binary files /dev/null and b/src/static/hot1.png differ
diff --git a/src/static/hot2.png b/src/static/hot2.png
new file mode 100644
index 0000000..e3f696a
Binary files /dev/null and b/src/static/hot2.png differ
diff --git a/src/static/hot3.png b/src/static/hot3.png
new file mode 100644
index 0000000..c69861e
Binary files /dev/null and b/src/static/hot3.png differ
diff --git a/src/static/hot4.png b/src/static/hot4.png
new file mode 100644
index 0000000..ff9bb38
Binary files /dev/null and b/src/static/hot4.png differ
diff --git a/src/static/password-yellow.png b/src/static/password-yellow.png
new file mode 100644
index 0000000..f45acc0
Binary files /dev/null and b/src/static/password-yellow.png differ
diff --git a/src/static/pen-yellow.png b/src/static/pen-yellow.png
new file mode 100644
index 0000000..38635c3
Binary files /dev/null and b/src/static/pen-yellow.png differ
diff --git a/src/static/point-book-tip-bg.png b/src/static/point-book-tip-bg.png
new file mode 100644
index 0000000..80d4695
Binary files /dev/null and b/src/static/point-book-tip-bg.png differ
diff --git a/src/static/point-book-title1.png b/src/static/point-book-title1.png
new file mode 100644
index 0000000..36e5181
Binary files /dev/null and b/src/static/point-book-title1.png differ
diff --git a/src/static/s-question-mark.png b/src/static/s-question-mark.png
new file mode 100644
index 0000000..961e682
Binary files /dev/null and b/src/static/s-question-mark.png differ
diff --git a/src/static/start-scoring.png b/src/static/start-scoring.png
new file mode 100644
index 0000000..c0be3f8
Binary files /dev/null and b/src/static/start-scoring.png differ
diff --git a/src/static/unchecked.png b/src/static/unchecked.png
new file mode 100644
index 0000000..419739b
Binary files /dev/null and b/src/static/unchecked.png differ
diff --git a/src/static/user-icon.png b/src/static/user-icon.png
new file mode 100644
index 0000000..1d4350c
Binary files /dev/null and b/src/static/user-icon.png differ
diff --git a/src/static/user-yellow.png b/src/static/user-yellow.png
new file mode 100644
index 0000000..bcfcb8d
Binary files /dev/null and b/src/static/user-yellow.png differ
diff --git a/src/static/week-check.png b/src/static/week-check.png
new file mode 100644
index 0000000..70c88af
Binary files /dev/null and b/src/static/week-check.png differ
diff --git a/src/store.js b/src/store.js
new file mode 100644
index 0000000..2d40110
--- /dev/null
+++ b/src/store.js
@@ -0,0 +1,36 @@
+import { defineStore } from "pinia";
+
+const defaultUser = {
+  id: "",
+  nickName: "user",
+  avatar: "../static/user-icon.png",
+};
+
+// 定义游戏相关的 store
+export default defineStore("store", {
+  // 状态
+  state: () => ({
+    user: defaultUser,
+  }),
+
+  // 计算属性
+  getters: {},
+
+  // 方法
+  actions: {
+    async updateUser(user = {}) {
+      this.user = { ...defaultUser, ...user };
+    },
+  },
+
+  // 开启数据持久化
+  persist: {
+    enabled: true,
+    strategies: [
+      {
+        storage: uni.getStorageSync,
+        paths: ["user"], // 只持久化用户信息
+      },
+    ],
+  },
+});
diff --git a/src/util.js b/src/util.js
new file mode 100644
index 0000000..60857fb
--- /dev/null
+++ b/src/util.js
@@ -0,0 +1,178 @@
+export const debounce = (fn, delay = 300) => {
+  let timer = null;
+  return async (...args) => {
+    if (timer) clearTimeout(timer);
+    return new Promise((resolve) => {
+      timer = setTimeout(async () => {
+        try {
+          const result = await fn(...args);
+          resolve(result);
+        } finally {
+          timer = null;
+        }
+      }, delay);
+    });
+  };
+};
+
+// 获取元素尺寸和位置信息
+export const getElementRect = (classname) => {
+  return new Promise((resolve) => {
+    const query = uni.createSelectorQuery();
+    query
+      .select(classname)
+      .boundingClientRect((rect) => {
+        resolve(rect);
+      })
+      .exec();
+  });
+};
+
+const calcNormalBowTarget = (x, y, diameter) => {
+  // 弓箭直径为12px，半径为6px
+  const arrowRadius = 6;
+
+  // 将弓箭左上角坐标转换为圆心坐标
+  const arrowCenterX = x + arrowRadius;
+  const arrowCenterY = y + arrowRadius;
+
+  // 计算靶心坐标（靶纸中心）
+  const centerX = diameter / 2;
+  const centerY = diameter / 2;
+
+  // 计算弓箭圆心到靶心的距离
+  const deltaX = arrowCenterX - centerX;
+  const deltaY = arrowCenterY - centerY;
+  const distanceToCenter = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+
+  // 计算弓箭边缘到靶心的最近距离
+  const distance = Math.max(0, distanceToCenter - arrowRadius);
+
+  // 计算靶纸半径（取宽高中较小值的一半）
+  const targetRadius = diameter / 2;
+
+  // 计算相对距离（0-1之间）
+  let relativeDistance = distance / targetRadius;
+
+  relativeDistance += 0.005;
+  // 全环靶有10个环，每个环占半径的10%
+  // 从外到内：1环到10环
+  // 距离越近靶心，环数越高
+  if (relativeDistance <= 0.05) return "X";
+  if (relativeDistance <= 0.1) return 10;
+  if (relativeDistance <= 0.2) return 9;
+  if (relativeDistance <= 0.3) return 8;
+  if (relativeDistance <= 0.4) return 7;
+  if (relativeDistance <= 0.5) return 6;
+  if (relativeDistance <= 0.6) return 5;
+  if (relativeDistance <= 0.7) return 4;
+  if (relativeDistance <= 0.8) return 3;
+  if (relativeDistance <= 0.9) return 2;
+  if (relativeDistance <= 1) return 1;
+  return 0; // 脱靶
+};
+
+const calcHalfBowTarget = (x, y, diameter, noX = false) => {
+  // 弓箭直径为12px，半径为6px
+  const arrowRadius = 6;
+
+  // 将弓箭左上角坐标转换为圆心坐标
+  const arrowCenterX = x + arrowRadius;
+  const arrowCenterY = y + arrowRadius;
+
+  // 计算靶心坐标（靶纸中心）
+  const centerX = diameter / 2;
+  const centerY = diameter / 2;
+
+  // 计算弓箭圆心到靶心的距离
+  const deltaX = arrowCenterX - centerX;
+  const deltaY = arrowCenterY - centerY;
+  const distanceToCenter = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+
+  // 计算弓箭边缘到靶心的最近距离
+  const distance = Math.max(0, distanceToCenter - arrowRadius);
+
+  // 计算靶纸半径（取宽高中较小值的一半）
+  const targetRadius = diameter / 2;
+
+  // 计算相对距离（0-1之间）
+  let relativeDistance = distance / targetRadius;
+  if (relativeDistance <= 0.1) return noX ? 10 : "X";
+  if (relativeDistance <= 0.2) return noX ? 9 : 10;
+  if (relativeDistance <= 0.4) return 9;
+  if (relativeDistance <= 0.6) return 8;
+  if (relativeDistance <= 0.8) return 7;
+  if (relativeDistance <= 0.992) return 6;
+
+  return 0; // 脱靶
+};
+
+export const calcTripleBowTarget = (x, y, diameter, noX = false) => {
+  const side = diameter * 0.324;
+  if (x / diameter >= 0.316) {
+    if (y / diameter >= 0.654) {
+      return calcHalfBowTarget(
+        x - diameter * 0.342,
+        y - diameter * 0.68,
+        side,
+        noX
+      );
+    }
+    if (y / diameter >= 0.313) {
+      return calcHalfBowTarget(
+        x - diameter * 0.342,
+        y - diameter * 0.34,
+        side,
+        noX
+      );
+    }
+    if (y / diameter >= -0.023) {
+      return calcHalfBowTarget(
+        x - diameter * 0.342,
+        y - diameter * 0.005,
+        side,
+        noX
+      );
+    }
+  }
+  return 0;
+};
+
+export const calcPinBowTarget = (x, y, diameter, noX = false) => {
+  const side = diameter * 0.484;
+  let r1 = 0;
+  let r2 = 0;
+  let r3 = 0;
+  if (x / diameter >= 0.23 && y / diameter >= 0.005) {
+    r1 = calcHalfBowTarget(
+      x - diameter * 0.26,
+      y - diameter * 0.0345,
+      side,
+      noX
+    );
+  }
+  if (x / diameter >= -0.03 && y / diameter >= 0.456) {
+    r2 = calcHalfBowTarget(x, y - diameter * 0.486, side, noX);
+  }
+  if (x / diameter >= 0.49 && y / diameter >= 0.456) {
+    r3 = calcHalfBowTarget(x - diameter * 0.52, y - diameter * 0.49, side, noX);
+  }
+  return r1 || r2 || r3;
+};
+
+export const calcRing = (bowtargetId, x, y, diameter) => {
+  if (bowtargetId < 4) {
+    return calcNormalBowTarget(x - 2, y - 2, diameter);
+  } else if (bowtargetId < 7) {
+    return calcHalfBowTarget(x - 2, y - 2, diameter);
+  } else if (bowtargetId === 7) {
+    return calcTripleBowTarget(x, y, diameter);
+  } else if (bowtargetId === 8) {
+    return calcPinBowTarget(x, y, diameter);
+  } else if (bowtargetId === 9) {
+    return calcTripleBowTarget(x, y, diameter, true);
+  } else if (bowtargetId === 10) {
+    return calcPinBowTarget(x, y, diameter, true);
+  }
+  return 0;
+};
diff --git a/yarn.lock b/yarn.lock
index 51bfd33..194d6ae 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -15,6 +15,14 @@
   resolved "https://registry.npmjs.org/@antfu/utils/-/utils-0.7.10.tgz"
   integrity sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==
 
+"@babel/code-frame@7.24.7", "@babel/code-frame@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz"
+  integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==
+  dependencies:
+    "@babel/highlight" "^7.24.7"
+    picocolors "^1.0.0"
+
 "@babel/code-frame@^7.23.5", "@babel/code-frame@^7.27.1":
   version "7.27.1"
   resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz"
@@ -24,40 +32,11 @@
     js-tokens "^4.0.0"
     picocolors "^1.1.1"
 
-"@babel/code-frame@^7.24.7", "@babel/code-frame@7.24.7":
-  version "7.24.7"
-  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz"
-  integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==
-  dependencies:
-    "@babel/highlight" "^7.24.7"
-    picocolors "^1.0.0"
-
 "@babel/compat-data@^7.27.2", "@babel/compat-data@^7.27.7", "@babel/compat-data@^7.28.5":
   version "7.28.5"
   resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.5.tgz"
   integrity sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==
 
-"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.0.0-0 || ^8.0.0-0 <8.0.0", "@babel/core@^7.12.0", "@babel/core@^7.13.0", "@babel/core@^7.23.3", "@babel/core@^7.25.8", "@babel/core@^7.4.0 || ^8.0.0-0 <8.0.0":
-  version "7.28.5"
-  resolved "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz"
-  integrity sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==
-  dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.5"
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-module-transforms" "^7.28.3"
-    "@babel/helpers" "^7.28.4"
-    "@babel/parser" "^7.28.5"
-    "@babel/template" "^7.27.2"
-    "@babel/traverse" "^7.28.5"
-    "@babel/types" "^7.28.5"
-    "@jridgewell/remapping" "^2.3.5"
-    convert-source-map "^2.0.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.3"
-    semver "^6.3.1"
-
 "@babel/core@7.25.2":
   version "7.25.2"
   resolved "https://registry.npmjs.org/@babel/core/-/core-7.25.2.tgz"
@@ -79,6 +58,27 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
+"@babel/core@^7.23.3", "@babel/core@^7.25.8":
+  version "7.28.5"
+  resolved "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz"
+  integrity sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.5"
+    "@babel/helper-compilation-targets" "^7.27.2"
+    "@babel/helper-module-transforms" "^7.28.3"
+    "@babel/helpers" "^7.28.4"
+    "@babel/parser" "^7.28.5"
+    "@babel/template" "^7.27.2"
+    "@babel/traverse" "^7.28.5"
+    "@babel/types" "^7.28.5"
+    "@jridgewell/remapping" "^2.3.5"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
 "@babel/generator@^7.25.0", "@babel/generator@^7.28.5":
   version "7.28.5"
   resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz"
@@ -251,6 +251,13 @@
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
+"@babel/parser@7.25.6", "@babel/parser@^7.25.0":
+  version "7.25.6"
+  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.25.6.tgz"
+  integrity sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==
+  dependencies:
+    "@babel/types" "^7.25.6"
+
 "@babel/parser@^7.23.9", "@babel/parser@^7.27.2", "@babel/parser@^7.28.0", "@babel/parser@^7.28.5":
   version "7.28.5"
   resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz"
@@ -258,13 +265,6 @@
   dependencies:
     "@babel/types" "^7.28.5"
 
-"@babel/parser@^7.25.0", "@babel/parser@7.25.6":
-  version "7.25.6"
-  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.25.6.tgz"
-  integrity sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==
-  dependencies:
-    "@babel/types" "^7.25.6"
-
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.28.5":
   version "7.28.5"
   resolved "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.28.5.tgz"
@@ -867,15 +867,7 @@
     "@babel/types" "^7.28.5"
     debug "^4.3.1"
 
-"@babel/types@^7.20.7", "@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.2", "@babel/types@^7.28.4", "@babel/types@^7.28.5", "@babel/types@^7.4.4":
-  version "7.28.5"
-  resolved "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz"
-  integrity sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==
-  dependencies:
-    "@babel/helper-string-parser" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.28.5"
-
-"@babel/types@^7.25.2", "@babel/types@^7.25.6", "@babel/types@7.25.6":
+"@babel/types@7.25.6", "@babel/types@^7.25.2", "@babel/types@^7.25.6":
   version "7.25.6"
   resolved "https://registry.npmjs.org/@babel/types/-/types-7.25.6.tgz"
   integrity sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==
@@ -884,7 +876,15 @@
     "@babel/helper-validator-identifier" "^7.24.7"
     to-fast-properties "^2.0.0"
 
-"@dcloudio/types@3.4.19", "@dcloudio/types@latest":
+"@babel/types@^7.20.7", "@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.2", "@babel/types@^7.28.4", "@babel/types@^7.28.5", "@babel/types@^7.4.4":
+  version "7.28.5"
+  resolved "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz"
+  integrity sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
+
+"@dcloudio/types@latest":
   version "3.4.19"
   resolved "https://registry.npmjs.org/@dcloudio/types/-/types-3.4.19.tgz"
   integrity sha512-1foayOFEAQ+jnQLt3ACsovCNjer3/fXn1I2VBpmDOzs2nk/n4UHwRLAxZV/RpxRqaGOPEvKrO/Pq+VI6sAmuRw==
@@ -1226,6 +1226,46 @@
     terser "^5.4.0"
     unplugin-auto-import "^0.16.7"
 
+"@esbuild/aix-ppc64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz#a70f4ac11c6a1dfc18b8bbb13284155d933b9537"
+  integrity sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==
+
+"@esbuild/aix-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f"
+  integrity sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==
+
+"@esbuild/android-arm64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz#db1c9202a5bc92ea04c7b6840f1bbe09ebf9e6b9"
+  integrity sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==
+
+"@esbuild/android-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz#09d9b4357780da9ea3a7dfb833a1f1ff439b4052"
+  integrity sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==
+
+"@esbuild/android-arm@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz#3b488c49aee9d491c2c8f98a909b785870d6e995"
+  integrity sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==
+
+"@esbuild/android-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz#9b04384fb771926dfa6d7ad04324ecb2ab9b2e28"
+  integrity sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==
+
+"@esbuild/android-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz#3b1628029e5576249d2b2d766696e50768449f98"
+  integrity sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==
+
+"@esbuild/android-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz#29918ec2db754cedcb6c1b04de8cd6547af6461e"
+  integrity sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==
+
 "@esbuild/darwin-arm64@0.20.2":
   version "0.20.2"
   resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz"
@@ -1236,6 +1276,186 @@
   resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz"
   integrity sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==
 
+"@esbuild/darwin-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz#90ed098e1f9dd8a9381695b207e1cff45540a0d0"
+  integrity sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==
+
+"@esbuild/darwin-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz#c13838fa57372839abdddc91d71542ceea2e1e22"
+  integrity sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==
+
+"@esbuild/freebsd-arm64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz#d71502d1ee89a1130327e890364666c760a2a911"
+  integrity sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==
+
+"@esbuild/freebsd-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz#646b989aa20bf89fd071dd5dbfad69a3542e550e"
+  integrity sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==
+
+"@esbuild/freebsd-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz#aa5ea58d9c1dd9af688b8b6f63ef0d3d60cea53c"
+  integrity sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==
+
+"@esbuild/freebsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz#aa615cfc80af954d3458906e38ca22c18cf5c261"
+  integrity sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==
+
+"@esbuild/linux-arm64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz#055b63725df678379b0f6db9d0fa85463755b2e5"
+  integrity sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==
+
+"@esbuild/linux-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz#70ac6fa14f5cb7e1f7f887bcffb680ad09922b5b"
+  integrity sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==
+
+"@esbuild/linux-arm@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz#76b3b98cb1f87936fbc37f073efabad49dcd889c"
+  integrity sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==
+
+"@esbuild/linux-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz#fc6fd11a8aca56c1f6f3894f2bea0479f8f626b9"
+  integrity sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==
+
+"@esbuild/linux-ia32@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz#c0e5e787c285264e5dfc7a79f04b8b4eefdad7fa"
+  integrity sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==
+
+"@esbuild/linux-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz#3271f53b3f93e3d093d518d1649d6d68d346ede2"
+  integrity sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==
+
+"@esbuild/linux-loong64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz#a6184e62bd7cdc63e0c0448b83801001653219c5"
+  integrity sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==
+
+"@esbuild/linux-loong64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz#ed62e04238c57026aea831c5a130b73c0f9f26df"
+  integrity sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==
+
+"@esbuild/linux-mips64el@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz#d08e39ce86f45ef8fc88549d29c62b8acf5649aa"
+  integrity sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==
+
+"@esbuild/linux-mips64el@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz#e79b8eb48bf3b106fadec1ac8240fb97b4e64cbe"
+  integrity sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==
+
+"@esbuild/linux-ppc64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz#8d252f0b7756ffd6d1cbde5ea67ff8fd20437f20"
+  integrity sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==
+
+"@esbuild/linux-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz#5f2203860a143b9919d383ef7573521fb154c3e4"
+  integrity sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==
+
+"@esbuild/linux-riscv64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz#19f6dcdb14409dae607f66ca1181dd4e9db81300"
+  integrity sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==
+
+"@esbuild/linux-riscv64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz#07bcafd99322d5af62f618cb9e6a9b7f4bb825dc"
+  integrity sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==
+
+"@esbuild/linux-s390x@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz#3c830c90f1a5d7dd1473d5595ea4ebb920988685"
+  integrity sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==
+
+"@esbuild/linux-s390x@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz#b7ccf686751d6a3e44b8627ababc8be3ef62d8de"
+  integrity sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==
+
+"@esbuild/linux-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz#86eca35203afc0d9de0694c64ec0ab0a378f6fff"
+  integrity sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==
+
+"@esbuild/linux-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz#6d8f0c768e070e64309af8004bb94e68ab2bb3b0"
+  integrity sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==
+
+"@esbuild/netbsd-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz#e771c8eb0e0f6e1877ffd4220036b98aed5915e6"
+  integrity sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==
+
+"@esbuild/netbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz#bbe430f60d378ecb88decb219c602667387a6047"
+  integrity sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==
+
+"@esbuild/openbsd-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz#9a795ae4b4e37e674f0f4d716f3e226dd7c39baf"
+  integrity sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==
+
+"@esbuild/openbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz#99d1cf2937279560d2104821f5ccce220cb2af70"
+  integrity sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==
+
+"@esbuild/sunos-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz#7df23b61a497b8ac189def6e25a95673caedb03f"
+  integrity sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==
+
+"@esbuild/sunos-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz#08741512c10d529566baba837b4fe052c8f3487b"
+  integrity sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==
+
+"@esbuild/win32-arm64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz#f1ae5abf9ca052ae11c1bc806fb4c0f519bacf90"
+  integrity sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==
+
+"@esbuild/win32-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz#675b7385398411240735016144ab2e99a60fc75d"
+  integrity sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==
+
+"@esbuild/win32-ia32@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz#241fe62c34d8e8461cd708277813e1d0ba55ce23"
+  integrity sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==
+
+"@esbuild/win32-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz#1bfc3ce98aa6ca9a0969e4d2af72144c59c1193b"
+  integrity sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==
+
+"@esbuild/win32-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz#9c907b21e30a52db959ba4f80bb01a0cc403d5cc"
+  integrity sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==
+
+"@esbuild/win32-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz#acad351d582d157bb145535db2a6ff53dd514b5c"
+  integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==
+
 "@intlify/core-base@9.1.9":
   version "9.1.9"
   resolved "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.1.9.tgz"
@@ -1342,7 +1562,7 @@
     "@nodelib/fs.stat" "2.0.5"
     run-parallel "^1.1.9"
 
-"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
   version "2.0.5"
   resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
@@ -1355,24 +1575,6 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@rollup/pluginutils@^5.0.5":
-  version "5.3.0"
-  resolved "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz"
-  integrity sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==
-  dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^2.0.2"
-    picomatch "^4.0.2"
-
-"@rollup/pluginutils@^5.1.4":
-  version "5.3.0"
-  resolved "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz"
-  integrity sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==
-  dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^2.0.2"
-    picomatch "^4.0.2"
-
 "@rollup/pluginutils@5.1.0":
   version "5.1.0"
   resolved "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz"
@@ -1382,12 +1584,126 @@
     estree-walker "^2.0.2"
     picomatch "^2.3.1"
 
+"@rollup/pluginutils@^5.0.5", "@rollup/pluginutils@^5.1.4":
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz"
+  integrity sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^4.0.2"
+
+"@rollup/rollup-android-arm-eabi@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.53.3.tgz#7e478b66180c5330429dd161bf84dad66b59c8eb"
+  integrity sha512-mRSi+4cBjrRLoaal2PnqH82Wqyb+d3HsPUN/W+WslCXsZsyHa9ZeQQX/pQsZaVIWDkPcpV6jJ+3KLbTbgnwv8w==
+
+"@rollup/rollup-android-arm64@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.53.3.tgz#2b025510c53a5e3962d3edade91fba9368c9d71c"
+  integrity sha512-CbDGaMpdE9sh7sCmTrTUyllhrg65t6SwhjlMJsLr+J8YjFuPmCEjbBSx4Z/e4SmDyH3aB5hGaJUP2ltV/vcs4w==
+
 "@rollup/rollup-darwin-arm64@4.53.3":
   version "4.53.3"
   resolved "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.53.3.tgz"
   integrity sha512-Nr7SlQeqIBpOV6BHHGZgYBuSdanCXuw09hon14MGOLGmXAFYjx1wNvquVPmpZnl0tLjg25dEdr4IQ6GgyToCUA==
 
-"@types/estree@^1.0.0", "@types/estree@1.0.8":
+"@rollup/rollup-darwin-x64@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.53.3.tgz#2bf5f2520a1f3b551723d274b9669ba5b75ed69c"
+  integrity sha512-DZ8N4CSNfl965CmPktJ8oBnfYr3F8dTTNBQkRlffnUarJ2ohudQD17sZBa097J8xhQ26AwhHJ5mvUyQW8ddTsQ==
+
+"@rollup/rollup-freebsd-arm64@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.53.3.tgz#4bb9cc80252564c158efc0710153c71633f1927c"
+  integrity sha512-yMTrCrK92aGyi7GuDNtGn2sNW+Gdb4vErx4t3Gv/Tr+1zRb8ax4z8GWVRfr3Jw8zJWvpGHNpss3vVlbF58DZ4w==
+
+"@rollup/rollup-freebsd-x64@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.53.3.tgz#2301289094d49415a380cf942219ae9d8b127440"
+  integrity sha512-lMfF8X7QhdQzseM6XaX0vbno2m3hlyZFhwcndRMw8fbAGUGL3WFMBdK0hbUBIUYcEcMhVLr1SIamDeuLBnXS+Q==
+
+"@rollup/rollup-linux-arm-gnueabihf@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.53.3.tgz#1d03d776f2065e09fc141df7d143476e94acca88"
+  integrity sha512-k9oD15soC/Ln6d2Wv/JOFPzZXIAIFLp6B+i14KhxAfnq76ajt0EhYc5YPeX6W1xJkAdItcVT+JhKl1QZh44/qw==
+
+"@rollup/rollup-linux-arm-musleabihf@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.53.3.tgz#8623de0e040b2fd52a541c602688228f51f96701"
+  integrity sha512-vTNlKq+N6CK/8UktsrFuc+/7NlEYVxgaEgRXVUVK258Z5ymho29skzW1sutgYjqNnquGwVUObAaxae8rZ6YMhg==
+
+"@rollup/rollup-linux-arm64-gnu@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.53.3.tgz#ce2d1999bc166277935dde0301cde3dd0417fb6e"
+  integrity sha512-RGrFLWgMhSxRs/EWJMIFM1O5Mzuz3Xy3/mnxJp/5cVhZ2XoCAxJnmNsEyeMJtpK+wu0FJFWz+QF4mjCA7AUQ3w==
+
+"@rollup/rollup-linux-arm64-musl@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.53.3.tgz#88c2523778444da952651a2219026416564a4899"
+  integrity sha512-kASyvfBEWYPEwe0Qv4nfu6pNkITLTb32p4yTgzFCocHnJLAHs+9LjUu9ONIhvfT/5lv4YS5muBHyuV84epBo/A==
+
+"@rollup/rollup-linux-loong64-gnu@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.53.3.tgz#578ca2220a200ac4226c536c10c8cc6e4f276714"
+  integrity sha512-JiuKcp2teLJwQ7vkJ95EwESWkNRFJD7TQgYmCnrPtlu50b4XvT5MOmurWNrCj3IFdyjBQ5p9vnrX4JM6I8OE7g==
+
+"@rollup/rollup-linux-ppc64-gnu@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.53.3.tgz#aa338d3effd4168a20a5023834a74ba2c3081293"
+  integrity sha512-EoGSa8nd6d3T7zLuqdojxC20oBfNT8nexBbB/rkxgKj5T5vhpAQKKnD+h3UkoMuTyXkP5jTjK/ccNRmQrPNDuw==
+
+"@rollup/rollup-linux-riscv64-gnu@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.53.3.tgz#16ba582f9f6cff58119aa242782209b1557a1508"
+  integrity sha512-4s+Wped2IHXHPnAEbIB0YWBv7SDohqxobiiPA1FIWZpX+w9o2i4LezzH/NkFUl8LRci/8udci6cLq+jJQlh+0g==
+
+"@rollup/rollup-linux-riscv64-musl@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.53.3.tgz#e404a77ebd6378483888b8064c703adb011340ab"
+  integrity sha512-68k2g7+0vs2u9CxDt5ktXTngsxOQkSEV/xBbwlqYcUrAVh6P9EgMZvFsnHy4SEiUl46Xf0IObWVbMvPrr2gw8A==
+
+"@rollup/rollup-linux-s390x-gnu@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.53.3.tgz#92ad52d306227c56bec43d96ad2164495437ffe6"
+  integrity sha512-VYsFMpULAz87ZW6BVYw3I6sWesGpsP9OPcyKe8ofdg9LHxSbRMd7zrVrr5xi/3kMZtpWL/wC+UIJWJYVX5uTKg==
+
+"@rollup/rollup-linux-x64-gnu@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.53.3.tgz#fd0dea3bb9aa07e7083579f25e1c2285a46cb9fa"
+  integrity sha512-3EhFi1FU6YL8HTUJZ51imGJWEX//ajQPfqWLI3BQq4TlvHy4X0MOr5q3D2Zof/ka0d5FNdPwZXm3Yyib/UEd+w==
+
+"@rollup/rollup-linux-x64-musl@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.53.3.tgz#37a3efb09f18d555f8afc490e1f0444885de8951"
+  integrity sha512-eoROhjcc6HbZCJr+tvVT8X4fW3/5g/WkGvvmwz/88sDtSJzO7r/blvoBDgISDiCjDRZmHpwud7h+6Q9JxFwq1Q==
+
+"@rollup/rollup-openharmony-arm64@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.53.3.tgz#c489bec9f4f8320d42c9b324cca220c90091c1f7"
+  integrity sha512-OueLAWgrNSPGAdUdIjSWXw+u/02BRTcnfw9PN41D2vq/JSEPnJnVuBgw18VkN8wcd4fjUs+jFHVM4t9+kBSNLw==
+
+"@rollup/rollup-win32-arm64-msvc@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.53.3.tgz#152832b5f79dc22d1606fac3db946283601b7080"
+  integrity sha512-GOFuKpsxR/whszbF/bzydebLiXIHSgsEUp6M0JI8dWvi+fFa1TD6YQa4aSZHtpmh2/uAlj/Dy+nmby3TJ3pkTw==
+
+"@rollup/rollup-win32-ia32-msvc@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.53.3.tgz#54d91b2bb3bf3e9f30d32b72065a4e52b3a172a5"
+  integrity sha512-iah+THLcBJdpfZ1TstDFbKNznlzoxa8fmnFYK4V67HvmuNYkVdAywJSoteUszvBQ9/HqN2+9AZghbajMsFT+oA==
+
+"@rollup/rollup-win32-x64-gnu@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.53.3.tgz#df9df03e61a003873efec8decd2034e7f135c71e"
+  integrity sha512-J9QDiOIZlZLdcot5NXEepDkstocktoVjkaKUtqzgzpt2yWjGlbYiKyp05rWwk4nypbYUNoFAztEgixoLaSETkg==
+
+"@rollup/rollup-win32-x64-msvc@4.53.3":
+  version "4.53.3"
+  resolved "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.53.3.tgz#38ae84f4c04226c1d56a3b17296ef1e0460ecdfe"
+  integrity sha512-UhTd8u31dXadv0MopwGgNOBpUVROFKWVQgAg5N1ESyCz8AuBcMqm4AuTjrwgQKGDfoFuz02EuMRHQIw/frmYKQ==
+
+"@types/estree@1.0.8", "@types/estree@^1.0.0":
   version "1.0.8"
   resolved "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz"
   integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
@@ -1415,7 +1731,7 @@
     "@babel/plugin-transform-typescript" "^7.23.3"
     "@vue/babel-plugin-jsx" "^1.1.5"
 
-"@vitejs/plugin-vue@^5.0.4", "@vitejs/plugin-vue@5.2.4":
+"@vitejs/plugin-vue@5.2.4", "@vitejs/plugin-vue@^5.0.4":
   version "5.2.4"
   resolved "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz"
   integrity sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==
@@ -1489,21 +1805,6 @@
     "@vue/compiler-core" "3.5.24"
     "@vue/shared" "3.5.24"
 
-"@vue/compiler-sfc@^3.5.18":
-  version "3.5.24"
-  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.24.tgz"
-  integrity sha512-8EG5YPRgmTB+YxYBM3VXy8zHD9SWHUJLIGPhDovo3Z8VOgvP+O7UP5vl0J4BBPWYD9vxtBabzW1EuEZ+Cqs14g==
-  dependencies:
-    "@babel/parser" "^7.28.5"
-    "@vue/compiler-core" "3.5.24"
-    "@vue/compiler-dom" "3.5.24"
-    "@vue/compiler-ssr" "3.5.24"
-    "@vue/shared" "3.5.24"
-    estree-walker "^2.0.2"
-    magic-string "^0.30.21"
-    postcss "^8.5.6"
-    source-map-js "^1.2.1"
-
 "@vue/compiler-sfc@3.4.21":
   version "3.4.21"
   resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.21.tgz"
@@ -1519,7 +1820,7 @@
     postcss "^8.4.35"
     source-map-js "^1.0.2"
 
-"@vue/compiler-sfc@3.5.24":
+"@vue/compiler-sfc@3.5.24", "@vue/compiler-sfc@^3.5.18":
   version "3.5.24"
   resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.24.tgz"
   integrity sha512-8EG5YPRgmTB+YxYBM3VXy8zHD9SWHUJLIGPhDovo3Z8VOgvP+O7UP5vl0J4BBPWYD9vxtBabzW1EuEZ+Cqs14g==
@@ -1560,12 +1861,32 @@
   resolved "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz"
   integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
 
-"@vue/reactivity@3.4.21":
-  version "3.4.21"
-  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.21.tgz"
-  integrity sha512-UhenImdc0L0/4ahGCyEzc/pZNwVgcglGy9HVzJ1Bq2Mm9qXOpP8RyNTjookw/gOCUlXSEtuZ2fUg5nrHcoqJcw==
+"@vue/devtools-api@^7.7.7":
+  version "7.7.9"
+  resolved "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-7.7.9.tgz#999dbea50da6b00cf59a1336f11fdc2b43d9e063"
+  integrity sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==
   dependencies:
-    "@vue/shared" "3.4.21"
+    "@vue/devtools-kit" "^7.7.9"
+
+"@vue/devtools-kit@^7.7.9":
+  version "7.7.9"
+  resolved "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.7.9.tgz#bc218a815616e8987df7ab3e10fc1fb3b8706c58"
+  integrity sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==
+  dependencies:
+    "@vue/devtools-shared" "^7.7.9"
+    birpc "^2.3.0"
+    hookable "^5.5.3"
+    mitt "^3.0.1"
+    perfect-debounce "^1.0.0"
+    speakingurl "^14.0.1"
+    superjson "^2.2.2"
+
+"@vue/devtools-shared@^7.7.9":
+  version "7.7.9"
+  resolved "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-7.7.9.tgz#fa4c096b744927081a7dda5fcf05f34b1ae6ca14"
+  integrity sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==
+  dependencies:
+    rfdc "^1.4.1"
 
 "@vue/reactivity@3.5.24":
   version "3.5.24"
@@ -1574,14 +1895,6 @@
   dependencies:
     "@vue/shared" "3.5.24"
 
-"@vue/runtime-core@3.4.21":
-  version "3.4.21"
-  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.21.tgz"
-  integrity sha512-pQthsuYzE1XcGZznTKn73G0s14eCJcjaLvp3/DKeYWoFacD9glJoqlNBxt3W2c5S40t6CCcpPf+jG01N3ULyrA==
-  dependencies:
-    "@vue/reactivity" "3.4.21"
-    "@vue/shared" "3.4.21"
-
 "@vue/runtime-core@3.5.24":
   version "3.5.24"
   resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.24.tgz"
@@ -1590,15 +1903,6 @@
     "@vue/reactivity" "3.5.24"
     "@vue/shared" "3.5.24"
 
-"@vue/runtime-dom@3.4.21":
-  version "3.4.21"
-  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.21.tgz"
-  integrity sha512-gvf+C9cFpevsQxbkRBS1NpU8CqxKw0ebqMvLwcGQrNpx6gqRDodqKqA+A2VZZpQ9RpK2f9yfg8VbW/EpdFUOJw==
-  dependencies:
-    "@vue/runtime-core" "3.4.21"
-    "@vue/shared" "3.4.21"
-    csstype "^3.1.3"
-
 "@vue/runtime-dom@3.5.24":
   version "3.5.24"
   resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.24.tgz"
@@ -1625,17 +1929,12 @@
     "@vue/compiler-ssr" "3.5.24"
     "@vue/shared" "3.5.24"
 
-"@vue/shared@^3.5.18":
-  version "3.5.24"
-  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.5.24.tgz"
-  integrity sha512-9cwHL2EsJBdi8NY22pngYYWzkTDhld6fAD6jlaeloNGciNSJL6bLpbxVgXl96X00Jtc6YWQv96YA/0sxex/k1A==
-
 "@vue/shared@3.4.21":
   version "3.4.21"
   resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.4.21.tgz"
   integrity sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g==
 
-"@vue/shared@3.5.24":
+"@vue/shared@3.5.24", "@vue/shared@^3.5.18":
   version "3.5.24"
   resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.5.24.tgz"
   integrity sha512-9cwHL2EsJBdi8NY22pngYYWzkTDhld6fAD6jlaeloNGciNSJL6bLpbxVgXl96X00Jtc6YWQv96YA/0sxex/k1A==
@@ -1653,7 +1952,7 @@ acorn@^8.14.0, acorn@^8.15.0:
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz"
   integrity sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==
 
-adm-zip@^0.5.12, adm-zip@0.5.16:
+adm-zip@0.5.16, adm-zip@^0.5.12:
   version "0.5.16"
   resolved "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.16.tgz"
   integrity sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==
@@ -1678,18 +1977,6 @@ array-flatten@1.1.1:
   resolved "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz"
   integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
 
-autoprefixer@^10.4.19:
-  version "10.4.22"
-  resolved "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.22.tgz"
-  integrity sha512-ARe0v/t9gO28Bznv6GgqARmVqcWOV3mfgUPn9becPHMiD3o9BwlRgaeccZnwTpZ7Zwqrm+c1sUSsMxIzQzc8Xg==
-  dependencies:
-    browserslist "^4.27.0"
-    caniuse-lite "^1.0.30001754"
-    fraction.js "^5.3.4"
-    normalize-range "^0.1.2"
-    picocolors "^1.1.1"
-    postcss-value-parser "^4.2.0"
-
 autoprefixer@10.4.20:
   version "10.4.20"
   resolved "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz"
@@ -1702,6 +1989,18 @@ autoprefixer@10.4.20:
     picocolors "^1.0.1"
     postcss-value-parser "^4.2.0"
 
+autoprefixer@^10.4.19:
+  version "10.4.22"
+  resolved "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.22.tgz"
+  integrity sha512-ARe0v/t9gO28Bznv6GgqARmVqcWOV3mfgUPn9becPHMiD3o9BwlRgaeccZnwTpZ7Zwqrm+c1sUSsMxIzQzc8Xg==
+  dependencies:
+    browserslist "^4.27.0"
+    caniuse-lite "^1.0.30001754"
+    fraction.js "^5.3.4"
+    normalize-range "^0.1.2"
+    picocolors "^1.1.1"
+    postcss-value-parser "^4.2.0"
+
 babel-plugin-polyfill-corejs2@^0.4.14:
   version "0.4.14"
   resolved "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz"
@@ -1746,6 +2045,11 @@ binary-extensions@^2.0.0:
   resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz"
   integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
 
+birpc@^2.3.0:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/birpc/-/birpc-2.8.0.tgz#064c90bda7912ef8aebd544f174ae1c9bc230c71"
+  integrity sha512-Bz2a4qD/5GRhiHSwj30c/8kC8QGj12nNDwz3D4ErQ4Xhy35dsSDvF+RA/tWpjyU0pdGtSDiEk6B5fBGE1qNVhw==
+
 body-parser@1.20.3:
   version "1.20.3"
   resolved "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz"
@@ -1785,7 +2089,7 @@ browserslist-to-esbuild@^2.1.1:
   dependencies:
     meow "^13.0.0"
 
-browserslist@*, browserslist@^4.23.3, browserslist@^4.24.0, browserslist@^4.27.0, browserslist@^4.28.0, "browserslist@>= 4.21.0":
+browserslist@^4.23.3, browserslist@^4.24.0, browserslist@^4.27.0, browserslist@^4.28.0:
   version "4.28.0"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.28.0.tgz"
   integrity sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==
@@ -1841,7 +2145,7 @@ chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chokidar@^3.5.3, chokidar@3.6.0:
+chokidar@3.6.0, chokidar@^3.5.3:
   version "3.6.0"
   resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz"
   integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
@@ -1915,6 +2219,13 @@ cookie@0.7.1:
   resolved "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz"
   integrity sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==
 
+copy-anything@^4:
+  version "4.0.5"
+  resolved "https://registry.npmjs.org/copy-anything/-/copy-anything-4.0.5.tgz#16cabafd1ea4bb327a540b750f2b4df522825aea"
+  integrity sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==
+  dependencies:
+    is-what "^5.2.0"
+
 core-js-compat@^3.43.0:
   version "3.47.0"
   resolved "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.47.0.tgz"
@@ -1967,13 +2278,6 @@ csstype@^3.1.3:
   resolved "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz"
   integrity sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==
 
-debug@^4.1.0, debug@^4.3.1, debug@^4.3.3, debug@^4.4.1:
-  version "4.4.3"
-  resolved "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz"
-  integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
-  dependencies:
-    ms "^2.1.3"
-
 debug@2.6.9:
   version "2.6.9"
   resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
@@ -1988,6 +2292,13 @@ debug@4.3.7:
   dependencies:
     ms "^2.1.3"
 
+debug@^4.1.0, debug@^4.3.1, debug@^4.3.3, debug@^4.4.1:
+  version "4.4.3"
+  resolved "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz"
+  integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
+  dependencies:
+    ms "^2.1.3"
+
 depd@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz"
@@ -2042,16 +2353,16 @@ es-errors@^1.3.0:
   resolved "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz"
   integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
 
-es-module-lexer@^1.2.1:
-  version "1.7.0"
-  resolved "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz"
-  integrity sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==
-
 es-module-lexer@1.5.4:
   version "1.5.4"
   resolved "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz"
   integrity sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==
 
+es-module-lexer@^1.2.1:
+  version "1.7.0"
+  resolved "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz"
+  integrity sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==
+
 es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz"
@@ -2059,7 +2370,7 @@ es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
   dependencies:
     es-errors "^1.3.0"
 
-esbuild@^0.20.1, esbuild@0.20.2:
+esbuild@0.20.2, esbuild@^0.20.1:
   version "0.20.2"
   resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz"
   integrity sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==
@@ -2137,7 +2448,7 @@ escape-string-regexp@^5.0.0:
   resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz"
   integrity sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==
 
-estree-walker@^2.0.2, estree-walker@2.0.2:
+estree-walker@2.0.2, estree-walker@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz"
   integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
@@ -2201,7 +2512,7 @@ exsolve@^1.0.7:
   resolved "https://registry.npmjs.org/exsolve/-/exsolve-1.0.8.tgz"
   integrity sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==
 
-fast-glob@^3.2.11, fast-glob@^3.3.1, fast-glob@^3.3.3, fast-glob@3.3.3:
+fast-glob@3.3.3, fast-glob@^3.2.11, fast-glob@^3.3.1, fast-glob@^3.3.3:
   version "3.3.3"
   resolved "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz"
   integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
@@ -2259,7 +2570,7 @@ fresh@0.5.2:
   resolved "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz"
   integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
 
-fs-extra@^10.0.0, fs-extra@10.1.0:
+fs-extra@10.1.0, fs-extra@^10.0.0:
   version "10.1.0"
   resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz"
   integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
@@ -2341,7 +2652,7 @@ has-symbols@^1.1.0:
   resolved "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz"
   integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
 
-hash-sum@^2.0.0, hash-sum@2.0.0:
+hash-sum@2.0.0, hash-sum@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz"
   integrity sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==
@@ -2353,6 +2664,11 @@ hasown@^2.0.2:
   dependencies:
     function-bind "^1.1.2"
 
+hookable@^5.5.3:
+  version "5.5.3"
+  resolved "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz#6cfc358984a1ef991e2518cb9ed4a778bbd3215d"
+  integrity sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==
+
 http-errors@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz"
@@ -2427,16 +2743,21 @@ is-number@^7.0.0:
   resolved "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
-isbinaryfile@^5.0.2:
-  version "5.0.7"
-  resolved "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-5.0.7.tgz"
-  integrity sha512-gnWD14Jh3FzS3CPhF0AxNOJ8CxqeblPTADzI38r0wt8ZyQl5edpy75myt08EG2oKvpyiqSqsx+Wkz9vtkbTqYQ==
+is-what@^5.2.0:
+  version "5.5.0"
+  resolved "https://registry.npmjs.org/is-what/-/is-what-5.5.0.tgz#a3031815757cfe1f03fed990bf6355a2d3f628c4"
+  integrity sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==
 
 isbinaryfile@5.0.2:
   version "5.0.2"
   resolved "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-5.0.2.tgz"
   integrity sha512-GvcjojwonMjWbTkfMpnVHVqXW/wKMYDfEpY94/8zy8HFMOqb/VL6oeONq9v87q4ttVlaTLnGXnJD4B5B1OTGIg==
 
+isbinaryfile@^5.0.2:
+  version "5.0.7"
+  resolved "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-5.0.7.tgz"
+  integrity sha512-gnWD14Jh3FzS3CPhF0AxNOJ8CxqeblPTADzI38r0wt8ZyQl5edpy75myt08EG2oKvpyiqSqsx+Wkz9vtkbTqYQ==
+
 js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"
@@ -2457,7 +2778,7 @@ json5@^2.2.3:
   resolved "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-jsonc-parser@^3.2.0, jsonc-parser@3.3.1:
+jsonc-parser@3.3.1, jsonc-parser@^3.2.0:
   version "3.3.1"
   resolved "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz"
   integrity sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==
@@ -2537,13 +2858,6 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
-magic-string@^0.30.12, magic-string@^0.30.17, magic-string@^0.30.21, magic-string@^0.30.5, magic-string@^0.30.7:
-  version "0.30.21"
-  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz"
-  integrity sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==
-  dependencies:
-    "@jridgewell/sourcemap-codec" "^1.5.5"
-
 magic-string@0.30.11:
   version "0.30.11"
   resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz"
@@ -2551,6 +2865,13 @@ magic-string@0.30.11:
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.5.0"
 
+magic-string@^0.30.12, magic-string@^0.30.17, magic-string@^0.30.21, magic-string@^0.30.5, magic-string@^0.30.7:
+  version "0.30.21"
+  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz"
+  integrity sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.5"
+
 math-intrinsics@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz"
@@ -2571,16 +2892,16 @@ merge-descriptors@1.0.3:
   resolved "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz"
   integrity sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==
 
-merge@^2.1.1, merge@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.npmjs.org/merge/-/merge-2.1.1.tgz"
-  integrity sha512-jz+Cfrg9GWOZbQAnDQ4hlVnQky+341Yk5ru8bZSe6sIDTCIg8n9i/u7hSQGSVOF3C7lH6mGtqjkiT9G4wFLL0w==
-
 merge2@^1.3.0:
   version "1.4.1"
   resolved "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
+merge@2.1.1, merge@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/merge/-/merge-2.1.1.tgz"
+  integrity sha512-jz+Cfrg9GWOZbQAnDQ4hlVnQky+341Yk5ru8bZSe6sIDTCIg8n9i/u7hSQGSVOF3C7lH6mGtqjkiT9G4wFLL0w==
+
 methods@~1.1.2:
   version "1.1.2"
   resolved "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz"
@@ -2606,16 +2927,16 @@ mime-types@~2.1.24, mime-types@~2.1.34:
   dependencies:
     mime-db "1.52.0"
 
-mime@^3.0.0, mime@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz"
-  integrity sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==
-
 mime@1.6.0:
   version "1.6.0"
   resolved "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
 
+mime@3.0.0, mime@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz"
+  integrity sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==
+
 minimatch@^9.0.3:
   version "9.0.5"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz"
@@ -2623,6 +2944,11 @@ minimatch@^9.0.3:
   dependencies:
     brace-expansion "^2.0.1"
 
+mitt@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz#ea36cf0cc30403601ae074c8f77b7092cdab36d1"
+  integrity sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==
+
 mlly@^1.7.3, mlly@^1.7.4:
   version "1.8.0"
   resolved "https://registry.npmjs.org/mlly/-/mlly-1.8.0.tgz"
@@ -2633,21 +2959,21 @@ mlly@^1.7.3, mlly@^1.7.4:
     pkg-types "^1.3.1"
     ufo "^1.6.1"
 
-module-alias@^2.2.2, module-alias@2.2.3:
+module-alias@2.2.3, module-alias@^2.2.2:
   version "2.2.3"
   resolved "https://registry.npmjs.org/module-alias/-/module-alias-2.2.3.tgz"
   integrity sha512-23g5BFj4zdQL/b6tor7Ji+QY4pEfNH784BMslY9Qb0UnJWRAt+lQGLYmRaM0KDBwIG23ffEBELhZDP2rhi9f/Q==
 
-ms@^2.1.3, ms@2.1.3:
-  version "2.1.3"
-  resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
-  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
-
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz"
   integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
 
+ms@2.1.3, ms@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
 nanoid@^3.3.11, nanoid@^3.3.7:
   version "3.3.11"
   resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz"
@@ -2725,16 +3051,21 @@ pathe@^2.0.1, pathe@^2.0.2, pathe@^2.0.3:
   resolved "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz"
   integrity sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==
 
-picocolors@^1.0.0, picocolors@^1.0.1, picocolors@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz"
-  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+perfect-debounce@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz#9c2e8bc30b169cc984a58b7d5b28049839591d2a"
+  integrity sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==
 
 picocolors@1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz"
   integrity sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==
 
+picocolors@^1.0.0, picocolors@^1.0.1, picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz"
@@ -2750,6 +3081,13 @@ pify@^2.3.0:
   resolved "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz"
   integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
 
+pinia@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/pinia/-/pinia-3.0.4.tgz#75dde12784a61e34c1fa6abcd13c1a1061c360c0"
+  integrity sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==
+  dependencies:
+    "@vue/devtools-api" "^7.7.7"
+
 pkg-types@^1.2.1, pkg-types@^1.3.0, pkg-types@^1.3.1:
   version "1.3.1"
   resolved "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz"
@@ -2827,7 +3165,7 @@ postcss-modules@^4.3.0:
     postcss-modules-values "^4.0.0"
     string-hash "^1.1.1"
 
-postcss-selector-parser@^6.0.6, postcss-selector-parser@6.1.2:
+postcss-selector-parser@6.1.2, postcss-selector-parser@^6.0.6:
   version "6.1.2"
   resolved "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz"
   integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
@@ -2848,15 +3186,6 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^
   resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8.0.0, postcss@^8.1.0, postcss@^8.4.35, postcss@^8.4.43, postcss@^8.5.6, postcss@>=8.0.9:
-  version "8.5.6"
-  resolved "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz"
-  integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
-  dependencies:
-    nanoid "^3.3.11"
-    picocolors "^1.1.1"
-    source-map-js "^1.2.1"
-
 postcss@8.4.45:
   version "8.4.45"
   resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.45.tgz"
@@ -2866,6 +3195,15 @@ postcss@8.4.45:
     picocolors "^1.0.1"
     source-map-js "^1.2.0"
 
+postcss@^8.4.35, postcss@^8.4.43, postcss@^8.5.6:
+  version "8.5.6"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz"
+  integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
+  dependencies:
+    nanoid "^3.3.11"
+    picocolors "^1.1.1"
+    source-map-js "^1.2.1"
+
 proxy-addr@~2.0.7:
   version "2.0.7"
   resolved "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz"
@@ -2961,15 +3299,6 @@ regjsparser@^0.13.0:
   dependencies:
     jsesc "~3.1.0"
 
-resolve@^1.1.7, resolve@^1.22.1, resolve@^1.22.10:
-  version "1.22.11"
-  resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz"
-  integrity sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==
-  dependencies:
-    is-core-module "^2.16.1"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
 resolve@1.22.8:
   version "1.22.8"
   resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz"
@@ -2979,12 +3308,26 @@ resolve@1.22.8:
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
+resolve@^1.1.7, resolve@^1.22.1, resolve@^1.22.10:
+  version "1.22.11"
+  resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz"
+  integrity sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==
+  dependencies:
+    is-core-module "^2.16.1"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
 reusify@^1.0.4:
   version "1.1.0"
   resolved "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz"
   integrity sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==
 
-rollup@^1.20.0||^2.0.0||^3.0.0||^4.0.0, rollup@^4.20.0:
+rfdc@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz#778f76c4fb731d93414e8f925fbecf64cce7f6ca"
+  integrity sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==
+
+rollup@^4.20.0:
   version "4.53.3"
   resolved "https://registry.npmjs.org/rollup/-/rollup-4.53.3.tgz"
   integrity sha512-w8GmOxZfBmKknvdXU1sdM9NHcoQejwF/4mNgj2JuEEdRaHwwF12K7e9eXn1nLZ07ad+du76mkVsyeb2rKGllsA==
@@ -3121,7 +3464,7 @@ side-channel@^1.0.6:
     side-channel-map "^1.0.1"
     side-channel-weakmap "^1.0.2"
 
-source-map-js@^1.0.2, source-map-js@^1.2.0, source-map-js@^1.2.1, source-map-js@1.2.1:
+source-map-js@1.2.1, source-map-js@^1.0.2, source-map-js@^1.2.0, source-map-js@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz"
   integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
@@ -3134,11 +3477,16 @@ source-map-support@~0.5.20:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map@^0.6.0, source-map@0.6.1:
+source-map@0.6.1, source-map@^0.6.0:
   version "0.6.1"
   resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+speakingurl@^14.0.1:
+  version "14.0.1"
+  resolved "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz#f37ec8ddc4ab98e9600c1c9ec324a8c48d772a53"
+  integrity sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==
+
 statuses@2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz"
@@ -3163,6 +3511,13 @@ strip-literal@^3.0.0:
   dependencies:
     js-tokens "^9.0.1"
 
+superjson@^2.2.2:
+  version "2.2.5"
+  resolved "https://registry.npmjs.org/superjson/-/superjson-2.2.5.tgz#a01be31a54048f5c330aec8259f403f64913d83c"
+  integrity sha512-zWPTX96LVsA/eVYnqOM2+ofcdPqdS1dAF1LN4TS2/MWuUpfitd9ctTa87wt4xrYnZnkLtS69xpBdSxVBP5Rm6w==
+  dependencies:
+    copy-anything "^4"
+
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz"
@@ -3248,6 +3603,26 @@ unicode-property-aliases-ecmascript@^2.0.0:
   resolved "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.2.0.tgz"
   integrity sha512-hpbDzxUY9BFwX+UeBnxv3Sh1q7HFxj48DTmXchNgRa46lO8uj3/1iEn3MiNUYTg1g9ctIqXCCERn8gYZhHC5lQ==
 
+unimport@4.1.1, unimport@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/unimport/-/unimport-4.1.1.tgz"
+  integrity sha512-j9+fijH6aDd05yv1fXlyt7HSxtOWtGtrZeYTVBsSUg57Iuf+Ps2itIZjeyu7bEQ4k0WOgYhHrdW8m/pJgOpl5g==
+  dependencies:
+    acorn "^8.14.0"
+    escape-string-regexp "^5.0.0"
+    estree-walker "^3.0.3"
+    fast-glob "^3.3.3"
+    local-pkg "^1.0.0"
+    magic-string "^0.30.17"
+    mlly "^1.7.4"
+    pathe "^2.0.2"
+    picomatch "^4.0.2"
+    pkg-types "^1.3.1"
+    scule "^1.3.0"
+    strip-literal "^3.0.0"
+    unplugin "^2.1.2"
+    unplugin-utils "^0.2.3"
+
 unimport@^3.4.0:
   version "3.14.6"
   resolved "https://registry.npmjs.org/unimport/-/unimport-3.14.6.tgz"
@@ -3268,36 +3643,28 @@ unimport@^3.4.0:
     strip-literal "^2.1.1"
     unplugin "^1.16.1"
 
-unimport@^4.1.1, unimport@4.1.1:
-  version "4.1.1"
-  resolved "https://registry.npmjs.org/unimport/-/unimport-4.1.1.tgz"
-  integrity sha512-j9+fijH6aDd05yv1fXlyt7HSxtOWtGtrZeYTVBsSUg57Iuf+Ps2itIZjeyu7bEQ4k0WOgYhHrdW8m/pJgOpl5g==
-  dependencies:
-    acorn "^8.14.0"
-    escape-string-regexp "^5.0.0"
-    estree-walker "^3.0.3"
-    fast-glob "^3.3.3"
-    local-pkg "^1.0.0"
-    magic-string "^0.30.17"
-    mlly "^1.7.4"
-    pathe "^2.0.2"
-    picomatch "^4.0.2"
-    pkg-types "^1.3.1"
-    scule "^1.3.0"
-    strip-literal "^3.0.0"
-    unplugin "^2.1.2"
-    unplugin-utils "^0.2.3"
-
 universalify@^2.0.0:
   version "2.0.1"
   resolved "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz"
   integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
 
-unpipe@~1.0.0, unpipe@1.0.0:
+unpipe@1.0.0, unpipe@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz"
   integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
 
+unplugin-auto-import@19.1.0:
+  version "19.1.0"
+  resolved "https://registry.npmjs.org/unplugin-auto-import/-/unplugin-auto-import-19.1.0.tgz"
+  integrity sha512-B+TGBEBHqY9aR+7YfShfLujETOHstzpV+yaqgy5PkfV0QG7Py+TYMX7vJ9W4SrysHR+UzR+gzcx/nuZjmPeclA==
+  dependencies:
+    local-pkg "^1.0.0"
+    magic-string "^0.30.17"
+    picomatch "^4.0.2"
+    unimport "^4.1.1"
+    unplugin "^2.2.0"
+    unplugin-utils "^0.2.4"
+
 unplugin-auto-import@^0.16.7:
   version "0.16.7"
   resolved "https://registry.npmjs.org/unplugin-auto-import/-/unplugin-auto-import-0.16.7.tgz"
@@ -3312,18 +3679,6 @@ unplugin-auto-import@^0.16.7:
     unimport "^3.4.0"
     unplugin "^1.5.0"
 
-unplugin-auto-import@19.1.0:
-  version "19.1.0"
-  resolved "https://registry.npmjs.org/unplugin-auto-import/-/unplugin-auto-import-19.1.0.tgz"
-  integrity sha512-B+TGBEBHqY9aR+7YfShfLujETOHstzpV+yaqgy5PkfV0QG7Py+TYMX7vJ9W4SrysHR+UzR+gzcx/nuZjmPeclA==
-  dependencies:
-    local-pkg "^1.0.0"
-    magic-string "^0.30.17"
-    picomatch "^4.0.2"
-    unimport "^4.1.1"
-    unplugin "^2.2.0"
-    unplugin-utils "^0.2.4"
-
 unplugin-utils@^0.2.3, unplugin-utils@^0.2.4:
   version "0.2.5"
   resolved "https://registry.npmjs.org/unplugin-utils/-/unplugin-utils-0.2.5.tgz"
@@ -3378,7 +3733,7 @@ vary@~1.1.2:
   resolved "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz"
   integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
 
-"vite@^4.0.0 || ^5.0.0", vite@^5.0.0, "vite@^5.0.0 || ^6.0.0", vite@^5.2.8:
+vite@^5.2.8:
   version "5.4.21"
   resolved "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz"
   integrity sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==
@@ -3396,7 +3751,7 @@ vue-router@4.4.4:
   dependencies:
     "@vue/devtools-api" "^6.6.4"
 
-vue@^3.0.0, vue@^3.2.0, vue@^3.2.25, vue@^3.4.27, vue@3.5.24:
+vue@^3.4.27:
   version "3.5.24"
   resolved "https://registry.npmjs.org/vue/-/vue-3.5.24.tgz"
   integrity sha512-uTHDOpVQTMjcGgrqFPSb8iO2m1DUvo+WbGqoXQz8Y1CeBYQ0FXf2z1gLRaBtHjlRz7zZUBHxjVB5VTLzYkvftg==
@@ -3407,17 +3762,6 @@ vue@^3.0.0, vue@^3.2.0, vue@^3.2.25, vue@^3.4.27, vue@3.5.24:
     "@vue/server-renderer" "3.5.24"
     "@vue/shared" "3.5.24"
 
-vue@3.4.21:
-  version "3.4.21"
-  resolved "https://registry.npmjs.org/vue/-/vue-3.4.21.tgz"
-  integrity sha512-5hjyV/jLEIKD/jYl4cavMcnzKwjMKohureP8ejn3hhEjwhWIhWeuzL2kJAjzl/WyVsgPY56Sy4Z40C3lVshxXA==
-  dependencies:
-    "@vue/compiler-dom" "3.4.21"
-    "@vue/compiler-sfc" "3.4.21"
-    "@vue/runtime-dom" "3.4.21"
-    "@vue/server-renderer" "3.4.21"
-    "@vue/shared" "3.4.21"
-
 webpack-virtual-modules@^0.6.2:
   version "0.6.2"
   resolved "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz"