diff --git a/src/pages/coc-card/AppView.vue b/src/pages/coc-card/AppView.vue
index c657cdc..ef950f1 100644
--- a/src/pages/coc-card/AppView.vue
+++ b/src/pages/coc-card/AppView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, provide, ref } from 'vue';
+import { reactive, provide, ref, watch } from 'vue';
 import qs from 'qs';
 
 import { createPC } from './models/character';
@@ -12,6 +12,7 @@ import type { PageData } from './types/pageData';
 import useDerives from './hooks/useDerives';
 import useSuggestion from './hooks/useSuggestion';
 import useAutoSave from './hooks/useAutoSave';
+import useAppLs from './hooks/useAppLs';
 
 import ControlSection from './sections/ControlSection.vue';
 import PaperFront from './PaperFront.vue';
@@ -19,13 +20,21 @@ import PaperBack from './PaperBack.vue';
 
 const qsObject = qs.parse(location.search.slice(1));
 const pcRef = ref<COCPlayerCharacter>(createPC());
+const ls = useAppLs();
 const viewData = reactive<COCCardViewData>(createViewData(qsObject));
 const pageData = reactive<PageData>({
   printing: qsObject.debug === 'true',
-  showTotalSeparation: qsObject.sep === 'true',
+  showTotalSeparation: qsObject.sep === 'true' || ls.getItem('showTotalSeparation') || false,
 });
 const paperInFront = ref(qsObject.turn === 'back' ? false : true);
 
+watch(
+  () => pageData.showTotalSeparation,
+  (value) => {
+    ls.setItem('showTotalSeparation', value);
+  },
+);
+
 useDerives(pcRef);
 const suggestion = useSuggestion(pcRef, viewData);
 
diff --git a/src/pages/coc-card/components/SkillTable.vue b/src/pages/coc-card/components/SkillTable.vue
index 38100f2..b4d82b6 100644
--- a/src/pages/coc-card/components/SkillTable.vue
+++ b/src/pages/coc-card/components/SkillTable.vue
@@ -45,11 +45,9 @@ interface TableRowData {
 }
 
 function getTableData(data: SkillGroups, suggestion?: Suggestion) {
-  const tableData = data.reduce<TableRowData[]>(
-    (result: any, skillGroup: SkillGroup) => {
-      const rows: TableRowData[] = skillGroup.groupSkills.reduce<
-        TableRowData[]
-      >((rows, skill, index) => {
+  const tableData = data.reduce<TableRowData[]>((result: any, skillGroup: SkillGroup) => {
+    const rows: TableRowData[] = skillGroup.groupSkills.reduce<TableRowData[]>(
+      (rows, skill, index) => {
         const isSpecialGroup = skillGroup.groupName === '特殊';
         let init = skill.init;
         if (pc && skill.name in dynamicInitFormulas) {
@@ -62,8 +60,7 @@ function getTableData(data: SkillGroups, suggestion?: Suggestion) {
         const points = skillPoint?.[1] || {};
         // 信用评级范围
         const [w0, w1] = suggestion?.wealth ?? [-1, -1];
-        const comments =
-          skillKey === '信用评级' && w0 >= 0 && w1 >= 0 ? `(${w0}~${w1})` : '';
+        const comments = skillKey === '信用评级' && w0 >= 0 && w1 >= 0 ? `(${w0}~${w1})` : '';
         const total = getTotal(points, init);
         let rowData: TableRowData = {
           key: skill.name,
@@ -89,25 +86,18 @@ function getTableData(data: SkillGroups, suggestion?: Suggestion) {
         // multi skill rows
         if (skill.group) {
           const length = skill.group.show.length;
-          const groupRow =
-            resultRows.find((row) => row.isGroupStart) || rowData;
+          const groupRow = resultRows.find((row) => row.isGroupStart) || rowData;
           // increase groupSize
           groupRow.groupSize! += length - 1;
           added = skill.group.show.map((placeName, childIndex) => {
             const childSkillName =
-              viewData?.showingChildSkills.get(skill.name)?.[childIndex] ??
-              placeName;
-            const childSkill = skill.group?.skills.find(
-              ({ name }) => name === childSkillName,
-            );
+              viewData?.showingChildSkills.get(skill.name)?.[childIndex] ?? placeName;
+            const childSkill = skill.group?.skills.find(({ name }) => name === childSkillName);
             let init = childSkill?.init ?? rowData.init;
-            const skillKey: COCPCSkill = [
-              skill.name,
-              childSkillName,
-              childIndex,
-            ];
+            const skillKey: COCPCSkill = [skill.name, childSkillName, childIndex];
             const skillPoint = findSkillPoints(skillKey);
             const points = skillPoint?.[1] || {};
+            const total = getTotal(points, init);
             if (pc && !skill.name) {
               init = points.b || 0;
             }
@@ -120,7 +110,8 @@ function getTableData(data: SkillGroups, suggestion?: Suggestion) {
               skillKey,
               init,
               points,
-              total: getTotal(points, init),
+              total,
+              totalSeparation: [total, ~~(total / 2), ~~(total / 5)],
               // child skill info
               childSkillData: {
                 name: childSkillName,
@@ -131,15 +122,16 @@ function getTableData(data: SkillGroups, suggestion?: Suggestion) {
           });
         }
         return [...resultRows, ...added];
-      }, []);
-      return [...result, ...rows];
-    },
-    [],
-  );
+      },
+      [],
+    );
+    return [...result, ...rows];
+  }, []);
   return tableData;
 }
 
 const tableData = computed(() => getTableData(props.data, props.suggestion));
+console.log('xxx tableData', tableData);
 
 function findSkillPoints(skillInfo: COCPCSkill) {
   if (!pc) return;
@@ -162,8 +154,7 @@ function updateSkillPoint(
   if (!pc) return;
   let skillPoint = findSkillPoints(skillKey);
   if (!skillPoint) {
-    const key =
-      typeof skillKey === 'string' ? skillKey : ([...skillKey] as COCPCSkill);
+    const key = typeof skillKey === 'string' ? skillKey : ([...skillKey] as COCPCSkill);
     skillPoint = [key, {}];
     pc.value.skillPoints.push(skillPoint);
   }
diff --git a/src/pages/coc-card/hooks/useAppLs.ts b/src/pages/coc-card/hooks/useAppLs.ts
index 1f0704c..ee4c5e8 100644
--- a/src/pages/coc-card/hooks/useAppLs.ts
+++ b/src/pages/coc-card/hooks/useAppLs.ts
@@ -4,6 +4,7 @@ import { LSApp } from '@/types/ls';
 import type { COCPlayerCharacter } from '../types/character';
 
 interface Store {
+  showTotalSeparation?: boolean;
   autoSaved?: {
     pc: COCPlayerCharacter;
     lastModified: number; // number of date