基础结构的一些改动，半成品

languages/en.css

@@ -1,29 +1,14 @@
 @charset "utf-8";
-.status.loading-check-version .text::before{
-	content: "Checking the data version, please wait...";
-}
-.status.loading-mon-info .text::before{
-	content: "Loading monster data, please wait...";
-}
-.status.loading-skill-info .text::before{
-	content: "Loading skill data, please wait...";
-}
-.status.prepare-capture .text::before{
-	content: "Preparing a screenshot, please wait...";
-}
 .monster.delay::before{
 	content: "Prevent\A Delay";
 	font-size: 22px;
 }
-.monster .level.max::before{
-	content: "Lv.Max";
+.monster .level.max::after{
+	content: "Max";
 }
 .monster .level::before{
 	content: "Lv.";
 }
-.monster .id::before{
-	content: "No.";
-}
 .team-box-name .box-name::before
 {
 	content: "Team";
@@ -249,6 +234,9 @@ label[for="merge-skill"]::after{
 .control-box .lbl-remove-assist::before{
 	content: "⛔Remove Assist";
 }
+.control-box .config-display-list summary::before{
+	content:"Display Switchs List";
+}
 .control-box .show-mon-id-lbl::after{
 	content:"🆔Show card's ID";
 }
@@ -318,16 +306,16 @@ label[for="default-level"]::after
 .search-box::before{
 	content: "Search Cards";
 }
-.search-box .attrs-div .fix-main-color-label::after{
+.search-box .attrs-div label[for="fix-main-color"]::after{
 	content: "The order of the attributes is consistent with the order you selected";
 }
 .search-box .consider-equivalent-awoken-label::after{
 	content: "Search for Equivalent Awoken";
 }
-.search-box .include-super-awoken-label::after{
+.search-box label[for="include-super-awoken"]::after{
 	content: "Including Super Awoken";
 }
-.search-box .show-official-awoken-sorting-label::after{
+.search-box label[for="show-official-awoken-sorting"]::after{
 	content: "Use the official Awoken sorting";
 }
 .search-box .search-list-length::before{
@@ -336,22 +324,22 @@ label[for="default-level"]::after
 .search-box .sort-div::before{
 	content: "Sort by:";
 }
-.search-box .sort-reverse-label::after{
+.search-box label[for="sort-reverse"]::after{
 	content: "Reverse";
 }
 .search-box .additional-div::before{
 	content: "Additional display:";
 }
-.search-box .add-show-awoken-label::after{
+.search-box label[for="add-show-awoken"]::after{
 	content: "Awoken list";
 }
-.search-box .add-show-CD-label::after{
+.search-box label[for="add-show-CD"]::after{
 	content: "Cooldown";
 }
-.search-box .add-show-abilities-label::after{
+.search-box label[for="add-show-abilities"]::after{
 	content: "Abilities";
 }
-.search-box .add-show-abilities-with-awoken-label::after{
+.search-box label[for="add-show-abilities-with-awoken"]::after{
 	content: "Abilities(+Awoken)";
 }
 .attrs-div .attr[data-attr-icon='-1']::before{
@@ -450,7 +438,7 @@ label[for="box-have"]::after
 {
 	content: "Cards that need this card as evolutionary material";
 }
-.real-time-change-card-label::after
+label[for="real-time-change-card"]::after
 {
 	content: "Real-Time change card";
 }

languages/ja.css

@@ -1,28 +1,13 @@
 @charset "utf-8";
-.status.loading-check-version .text::before{
-	content: "データバージョンをチェックしています。";
-}
-.status.loading-mon-info .text::before{
-	content: "モンスターデータを読み込んでいます。";
-}
-.status.loading-skill-info .text::before{
-	content: "スキル データを読み込んでいます。";
-}
-.status.prepare-capture .text::before{
-	content: "スクリーンショットを準備しています。";
-}
 .monster.delay::before{
 	content: "遅 延\A対 策";
 }
-.monster .level.max::before{
-	content: "Lv.最大";
+.monster .level.max::after{
+	content: "最大";
 }
 .monster .level::before{
 	content: "Lv.";
 }
-.monster .id::before{
-	content: "No.";
-}
 .team-box-name .box-name::before
 {
 	content: "チーム";
@@ -242,19 +227,22 @@ label[for="merge-skill"]::after{
 .control-box .lbl-remove-assist::before{
 	content: "⛔アシストを解除";
 }
-.control-box .show-mon-id-lbl::after{
+.control-box .config-display-list summary::before{
+	content:"表示内容の開閉器一覧";
+}
+label[for="show-mon-id"]::after{
 	content:"🆔モンスターIDを表示";
 }
-.control-box .show-mon-skill-cd-lbl::after{
+label[for="show-mon-skill-cd"]::after{
 	content:"❄️スキル クールを表示";
 }
 label[for="show-mon-rarity"]::after{
 	content:"⭐️希少性を表示";
 }
-.control-box .show-mon-awoken-lbl::after{
+label[for="show-mon-awoken"]::after{
 	content:"👁️カードの覚醒を表示";
 }
-.control-box .show-awoken-count-lbl::after{
+label[for="show-awoken-count"]::after{
 	content:"⚔️総覚醒と能力値の表示";
 }
 label[for="change-swap-to-copy"]::after{
@@ -311,16 +299,16 @@ label[for="default-level"]::after
 .search-box::before{
 	content: "モンスターの検索";
 }
-.search-box .attrs-div .fix-main-color-label::after{
+.search-box .attrs-div label[for="fix-main-color"]::after{
 	content: "属性の順序は、選択した順序と一致";
 }
 .search-box .consider-equivalent-awoken-label::after{
 	content: "同時に同等の覚醒を検索";
 }
-.search-box .include-super-awoken-label::after{
+.search-box label[for="include-super-awoken"]::after{
 	content: "超覚醒を含む";
 }
-.search-box .show-official-awoken-sorting-label::after{
+.search-box label[for="show-official-awoken-sorting"]::after{
 	content: "公式の覚醒ソートを使用";
 }
 .search-box .search-list-length::before{
@@ -329,22 +317,22 @@ label[for="default-level"]::after
 .search-box .sort-div::before{
 	content: "並べ替え:";
 }
-.search-box .sort-reverse-label::after{
+.search-box label[for="sort-reverse"]::after{
 	content: "逆序";
 }
 .search-box .additional-div::before{
 	content: "追加の表示:";
 }
-.search-box .add-show-awoken-label::after{
+.search-box label[for="add-show-awoken"]::after{
 	content: "覚醒リスト";
 }
-.search-box .add-show-CD-label::after{
+.search-box label[for="add-show-CD"]::after{
 	content: "スキルターン";
 }
-.search-box .add-show-abilities-label::after{
+.search-box label[for="add-show-abilities"]::after{
 	content: "能力値";
 }
-.search-box .add-show-abilities-with-awoken-label::after{
+.search-box label[for="add-show-abilities-with-awoken"]::after{
 	content: "能力値 (+覚醒)";
 }
 .attrs-div .attr[data-attr-icon='-1']::before{
@@ -443,7 +431,7 @@ label[for="box-have"]::after
 {
 	content: "このカードを進化的な素材として必要とするカード";
 }
-.real-time-change-card-label::after
+label[for="real-time-change-card"]::after
 {
 	content: "カードを即座に更新";
 }

languages/ja.js

@@ -1,9 +1,16 @@
-const _localTranslating = {
+{
+const _localTranslating = {
 	webpage_title: `パズル＆ドラゴンズ${teamsCount}人のチーム図作成ツール`,
 	title_blank: "入力タイトル",
 	detail_blank: "入力詳細",
 	force_reload_data: "データの強制更新",
 	request_input: tp`${'info'}を入力してください`,
+	status_message: {
+		loading_check_version: "データバージョンをチェックしています。",
+		loading_mon_info: "モンスターデータを読み込んでいます。",
+		loading_skill_info: "スキル データを読み込んでいます。",
+		prepare_capture: "スクリーンショットを準備しています。",
+	},
 	link_read_message: {
 		success: tp`発見 ${'type'} 形式.`,
 		need_user_script: `PADDB はドメイン間であるため、この機能をサポートするには、ユーザー スクリプト マネージャ内にセカンダリ スクリプトをインストールする必要があります。`,
@@ -45,6 +52,7 @@
 	},
 }
 deepMerge(localTranslating, _localTranslating);
+}
 localisation(localTranslating);
 
 //大数字缩短长度

languages/ko.css

@@ -1,28 +1,13 @@
 @charset "utf-8";
-.status.loading-check-version .text::before{
-	content: "데이터 버전을 확인 .";
-}
-.status.loading-mon-info .text::before{
-	content: "몬스터 데이터를 로드 하 고 있습니다.";
-}
-.status.loading-skill-info .text::before{
-	content: "기술 데이터를 로드 하 고 있습니다.";
-}
-.status.prepare-capture .text::before{
-	content: "스크린 샷을 준비 하 고 있습니다.";
-}
 .monster.delay::before{
 	content: "지 연\A방 지";
 }
-.monster .level.max::before{
-	content: "Lv.최대";
+.monster .level.max::after{
+	content: "최대";
 }
 .monster .level::before{
 	content: "Lv.";
 }
-.monster .id::before{
-	content: "No.";
-}
 .team-box-name .box-name::before
 {
 	content: "팀";
@@ -238,19 +223,22 @@ label[for="merge-skill"]::after{
 .control-box .lbl-remove-assist::before{
 	content: "⛔보조를 해제합";
 }
-.control-box .show-mon-id-lbl::after{
+.control-box .config-display-list summary::before{
+	content:"디스플레이 스위치 목록";
+}
+label[for="show-mon-id"]::after{
 	content:"🆔몬스터 ID 표시";
 }
-.control-box .show-mon-skill-cd-lbl::after{
+label[for="show-mon-skill-cd"]::after{
 	content:"❄️스킬의 사용 대기 시간 표시";
 }
 label[for="show-mon-rarity"]::after{
 	content:"⭐️희귀도 표시";
 }
-.control-box .show-mon-awoken-lbl::after{
+label[for="show-mon-awoken"]::after{
 	content:"👁️카드 각성을 표시합";
 }
-.control-box .show-awoken-count-lbl::after{
+label[for="show-awoken-count"]::after{
 	content:"⚔️각성 통계 및 기능 값 표시";
 }
 label[for="change-swap-to-copy"]::after{
@@ -307,16 +295,16 @@ label[for="default-level"]::after
 .search-box::before{
 	content: "몬스터 검색";
 }
-.search-box .attrs-div .fix-main-color-label::after{
+.search-box .attrs-div label[for="fix-main-color"]::after{
 	content: "속성 순서는 선택한 순서와 일치합니다";
 }
 .search-box .consider-equivalent-awoken-label::after{
 	content: "동시에 해당 경계를 각성";
 }
-.search-box .include-super-awoken-label::after{
+.search-box label[for="include-super-awoken"]::after{
 	content: "슈퍼 각성 포함";
 }
-.search-box .show-official-awoken-sorting-label::after{
+.search-box label[for="show-official-awoken-sorting"]::after{
 	content: "공식 각성 순서를 사용";
 }
 .search-box .search-list-length::before{
@@ -325,22 +313,22 @@ label[for="default-level"]::after
 .search-box .sort-div::before{
 	content: "정렬:";
 }
-.search-box .sort-reverse-label::after{
+.search-box label[for="sort-reverse"]::after{
 	content: "역순";
 }
 .search-box .additional-div::before{
 	content: "추가 표시:";
 }
-.search-box .add-show-awoken-label::after{
+.search-box label[for="add-show-awoken"]::after{
 	content: "각성 목록";
 }
-.search-box .add-show-CD-label::after{
+.search-box label[for="add-show-CD"]::after{
 	content: "스킬 턴";
 }
-.search-box .add-show-abilities-label::after{
+.search-box label[for="add-show-abilities"]::after{
 	content: "능력";
 }
-.search-box .add-show-abilities-with-awoken-label::after{
+.search-box label[for="add-show-abilities-with-awoken"]::after{
 	content: "능력 (+각성)";
 }
 .attrs-div .attr[data-attr-icon='-1']::before{
@@ -435,7 +423,7 @@ label[for="not-weapon"]::after
 {
 	content: "진화 자료로이 카드를 필요로하는 카드";
 }
-.real-time-change-card-label::after
+label[for="real-time-change-card"]::after
 {
 	content: "카드를 즉시 업데이트";
 }

languages/ko.js

@@ -1,9 +1,16 @@
-const _localTranslating = {
+{
+const _localTranslating = {
 	webpage_title: `퍼즐앤드래곤 ${teamsCount} 명의 팀 다이어그램 작성 도구`,
 	title_blank: "입력 제목",
 	detail_blank: "입력 내용",
 	force_reload_data: "데이터 강제 새로 고침",
 	request_input: tp`${'info'}를 입력하십시오`,
+	status_message: {
+		loading_check_version: "데이터 버전을 확인 .",
+		loading_mon_info: "몬스터 데이터를 로드 하 고 있습니다.",
+		loading_skill_info: "기술 데이터를 로드 하 고 있습니다.",
+		prepare_capture: "스크린 샷을 준비 하 고 있습니다.",
+	},
 	link_read_message: {
 		success: tp`검색 ${'type'} 형식입니다. `,
 		need_user_script: `PADDB는 도메인에 걸쳐 있으므로 이 기능을 지원하려면 사용자 스크립트 관리자 내에 보조 스크립트를 설치해야 합니다.`,
@@ -45,6 +52,7 @@
 	},
 }
 deepMerge(localTranslating, _localTranslating);
+}
 localisation(localTranslating);
 
 //大数字缩短长度

languages/zh-TW.css

@@ -1,16 +1,4 @@
 @charset "utf-8";
-.status.loading-check-version .text::before{
-	content: "正在檢查数据版本，請稍候……";
-}
-.status.loading-mon-info .text::before{
-	content: "正在載入怪物數據，請稍候……";
-}
-.status.loading-skill-info .text::before{
-	content: "正在載入技能数据，请稍候……";
-}
-.status.prepare-capture .text::before{
-	content: "正在准備截圖，請稍後……";
-}
 .help-link::before{
 	content: "\f05a 幫助和提示";
 }
@@ -20,15 +8,12 @@
 .monster.delay::before{
 	content: "應 對\A威 嚇";
 }
-.monster .level.max::before{
-	content: "Lv.最大";
+.monster .level.max::after{
+	content: "最大";
 }
 .monster .level::before{
 	content: "Lv.";
 }
-.monster .id::before{
-	content: "No.";
-}
 .team-box-name .box-name::before
 {
 	content: "隊伍";
@@ -248,19 +233,22 @@ label[for="merge-skill"]::after{
 .control-box .lbl-remove-assist::before{
 	content: "⛔解除輔助";
 }
-.control-box .show-mon-id-lbl::after{
+.control-box .config-display-list summary::before{
+	content:"展示內容開關列表";
+}
+label[for="show-mon-id"]::after{
 	content:"🆔顯示怪物ID";
 }
-.control-box .show-mon-skill-cd-lbl::after{
+label[for="show-mon-skill-cd"]::after{
 	content:"❄️顯示技能冷卻";
 }
 label[for="show-mon-rarity"]::after{
 	content:"⭐️顯示稀有度";
 }
-.control-box .show-mon-awoken-lbl::after{
+label[for="show-mon-awoken"]::after{
 	content:"👁️顯示卡片覺醒";
 }
-.control-box .show-awoken-count-lbl::after{
+label[for="show-awoken-count"]::after{
 	content:"⚔️顯示覺醒統計和能力值";
 }
 label[for="change-swap-to-copy"]::after{
@@ -317,16 +305,16 @@ label[for="default-level"]::after
 .search-box::before{
 	content: "搜索怪物";
 }
-.search-box .attrs-div .fix-main-color-label::after{
+.search-box .attrs-div label[for="fix-main-color"]::after{
 	content: "強制屬性順序與選擇順序一致";
 }
 .search-box .consider-equivalent-awoken-label::after{
 	content: "同時搜索等效覺醒";
 }
-.search-box .include-super-awoken-label::after{
+.search-box label[for="include-super-awoken"]::after{
 	content: "包括超覺醒";
 }
-.search-box .show-official-awoken-sorting-label::after{
+.search-box label[for="show-official-awoken-sorting"]::after{
 	content: "使用官方覺醒排序";
 }
 .search-box .search-list-length::before{
@@ -335,22 +323,22 @@ label[for="default-level"]::after
 .search-box .sort-div::before{
 	content: "排序：";
 }
-.search-box .sort-reverse-label::after{
+.search-box label[for="sort-reverse"]::after{
 	content: "逆序";
 }
 .search-box .additional-div::before{
 	content: "附加顯示：";
 }
-.search-box .add-show-awoken-label::after{
+.search-box label[for="add-show-awoken"]::after{
 	content: "覺醒清單";
 }
-.search-box .add-show-CD-label::after{
+.search-box label[for="add-show-CD"]::after{
 	content: "技能回合";
 }
-.search-box .add-show-abilities-label::after{
+.search-box label[for="add-show-abilities"]::after{
 	content: "能力值";
 }
-.search-box .add-show-abilities-with-awoken-label::after{
+.search-box label[for="add-show-abilities-with-awoken"]::after{
 	content: "能力值（+覺醒）";
 }
 .attrs-div .attr[data-attr-icon='-1']::before{
@@ -449,7 +437,7 @@ label[for="box-have"]::after
 {
 	content: "需要此寵物作為進化素材的寵物";
 }
-.real-time-change-card-label::after
+label[for="real-time-change-card"]::after
 {
 	content: "即時更新卡片";
 }

languages/zh-TW.js

@@ -1,9 +1,16 @@
-const _localTranslating = {
+{
+const _localTranslating = {
 	webpage_title: `龍族拼圖${teamsCount}人隊伍圖製作`,
 	title_blank: "輸入隊伍標題",
 	detail_blank: "輸入説明",
 	force_reload_data: "強制刷新數據",
 	request_input: tp`請輸入${'info'}`,
+	status_message: {
+		loading_check_version: "正在檢查數據版本，請稍候……",
+		loading_mon_info: "正在加載怪物數據，請稍候……",
+		loading_skill_info: "正在加載技能數據，請稍候……",
+		prepare_capture: "正在準備截圖，請稍候……",
+	},
 	link_read_message: {
 		success: tp`發現 ${'type'} 格式。`,
 		need_user_script: `由於 PADDB 跨域，您需要在用戶腳本管理器內安裝輔助腳本以支持此功能。`,
@@ -435,6 +442,7 @@
 };
 
 deepMerge(localTranslating, _localTranslating);
+}
 localisation(localTranslating);
 
 //大數字縮短長度

languages/zh.css

@@ -1,16 +1,4 @@
 @charset "utf-8";
-.status.loading-check-version .text::before{
-	content: "正在检查数据版本，请稍候……";
-}
-.status.loading-mon-info .text::before{
-	content: "正在加载怪物数据，请稍候……";
-}
-.status.loading-skill-info .text::before{
-	content: "正在加载技能数据，请稍候……";
-}
-.status.prepare-capture .text::before{
-	content: "正在准备截图，请稍候……";
-}
 .help-link::before{
 	content: "\f05a 帮助和提示";
 }
@@ -20,15 +8,12 @@
 .monster.delay::before{
 	content: "应 对\A威 吓";
 }
-.monster .level.max::before{
-	content: "Lv.最大";
+.monster .level.max::after{
+	content: "最大";
 }
 .monster .level::before{
 	content: "Lv.";
 }
-.monster .id::before{
-	content: "No.";
-}
 .team-box-name .box-name::before
 {
 	content: "队伍";
@@ -247,20 +232,35 @@ label[for="merge-skill"]::after{
 .control-box .lbl-remove-assist::before{
 	content: "⛔解除辅助";
 }
-.control-box .show-mon-id-lbl::after{
-	content:"🆔显示怪物ID";
+.control-box .config-display-list summary::before{
+	content:"展示内容开关列表";
+}
+label[for="show-card-id"]::after{
+	content:"🆔卡片ID";
+}
+label[for="show-card-rarity"]::after{
+	content:"⭐️卡片稀有度";
+}
+label[for="show-member-skill-cd"]::after{
+	content:"❄️队员技能冷却";
+}
+label[for="show-member-ability"]::after{
+	content:"⚔️队员能力值";
+}
+label[for="show-member-awoken"]::after{
+	content:"👁️队员觉醒";
 }
-.control-box .show-mon-skill-cd-lbl::after{
-	content:"❄️显示技能冷却";
+label[for="show-3P-team-total-info"]::after{
+	content:"队伍信息统计";
 }
-label[for="show-mon-rarity"]::after{
-	content:"⭐️显示稀有度";
+label[for="show-team-awoken-count"]::after{
+	content:"队伍觉醒计数";
 }
-.control-box .show-mon-awoken-lbl::after{
-	content:"👁️显示卡片觉醒";
+label[for="show-team-awoken-effect"]::after{
+	content:"队伍觉醒效果统计";
 }
-.control-box .show-awoken-count-lbl::after{
-	content:"⚔️显示觉醒统计和能力值";
+label[for="show-team-attrtype-count"]::after{
+	content:"队伍稀有度、属性与类型计数";
 }
 label[for="change-swap-to-copy"]::after{
 	content:"拖拽时使用“复制”（或按住 Ctrl）";
@@ -316,16 +316,16 @@ label[for="default-level"]::after
 .search-box::before{
 	content: "搜索怪物";
 }
-.search-box .attrs-div .fix-main-color-label::after{
+.search-box .attrs-div label[for="fix-main-color"]::after{
 	content: "强制属性顺序与选择顺序一致";
 }
 .search-box .consider-equivalent-awoken-label::after{
 	content: "同时搜索等效觉醒";
 }
-.search-box .include-super-awoken-label::after{
+.search-box label[for="include-super-awoken"]::after{
 	content: "包括超觉醒";
 }
-.search-box .show-official-awoken-sorting-label::after{
+.search-box label[for="show-official-awoken-sorting"]::after{
 	content: "使用官方觉醒排序";
 }
 .search-box .search-list-length::before{
@@ -334,22 +334,22 @@ label[for="default-level"]::after
 .search-box .sort-div::before{
 	content: "排序：";
 }
-.search-box .sort-reverse-label::after{
+.search-box label[for="sort-reverse"]::after{
 	content: "逆序";
 }
 .search-box .additional-div::before{
 	content: "附加显示：";
 }
-.search-box .add-show-awoken-label::after{
+.search-box label[for="add-show-awoken"]::after{
 	content: "觉醒列表";
 }
-.search-box .add-show-CD-label::after{
+.search-box label[for="add-show-CD"]::after{
 	content: "冷却回合";
 }
-.search-box .add-show-abilities-label::after{
+.search-box label[for="add-show-abilities"]::after{
 	content: "能力值";
 }
-.search-box .add-show-abilities-with-awoken-label::after{
+.search-box label[for="add-show-abilities-with-awoken"]::after{
 	content: "能力值（+觉醒）";
 }
 .attrs-div .attr[data-attr-icon='-1']::before{
@@ -448,7 +448,7 @@ label[for="box-have"]::after
 {
 	content: "需要此宠物作为进化素材的宠物";
 }
-.real-time-change-card-label::after
+label[for="real-time-change-card"]::after
 {
 	content: "即时更新卡片";
 }

languages/zh.js

@@ -1,9 +1,16 @@
-const _localTranslating = {
+{
+const _localTranslating = {
 	webpage_title: `智龙迷城${teamsCount}人队伍图制作`,
 	title_blank: "输入队伍标题",
 	detail_blank: "输入说明",
 	force_reload_data: "强制刷新数据",
 	request_input: tp`请输入${'info'}`,
+	status_message: {
+		loading_check_version: "正在检查数据版本，请稍候……",
+		loading_mon_info: "正在加载怪物数据，请稍候……",
+		loading_skill_info: "正在加载技能数据，请稍候……",
+		prepare_capture: "正在准备截图，请稍候……",
+	},
 	link_read_message: {
 		success: tp`发现 ${'type'} 格式。`,
 		need_user_script: `由于 PADDB 跨域，您需要在用户脚本管理器内安装辅助脚本以支持此功能。`,
@@ -435,6 +442,7 @@
 	},
 };
 deepMerge(localTranslating, _localTranslating);
+}
 localisation(localTranslating);
 
 //大数字缩短长度

multi.html

@@ -63,17 +63,22 @@ const teamsCount = 2;
 		<div>
 			<a class="down-capture display-none" target="_blank"></a>
 			<button class="btn-qrcode"></button>
-			<button class="btn-capture" onclick="capture();"></button>
+			<button class="btn-capture" onclick="captureScreenshot(formationBox);"></button>
 			<label for="default-level"></label><input id="default-level" type="number" min="1" max="120" placeholder="110"/>
 			<input type="checkbox" name="change-swap-to-copy" id="change-swap-to-copy"><label class="config-checkbox-lbl change-swap-to-copy-lbl" for="change-swap-to-copy"></label>
 		</div>
-		<div>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-id" id="show-mon-id"><label class="config-checkbox-lbl show-mon-id-lbl" for="show-mon-id"><div class="config-checkbox-lbl-cicle"></div></label>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-skill-cd" id="show-mon-skill-cd"><label class="config-checkbox-lbl show-mon-skill-cd-lbl" for="show-mon-skill-cd"><div class="config-checkbox-lbl-cicle"></div></label>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-rarity" id="show-mon-rarity"><label class="config-checkbox-lbl" for="show-mon-rarity"><div class="config-checkbox-lbl-cicle"></div></label>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-awoken" id="show-mon-awoken"><label class="config-checkbox-lbl show-mon-awoken-lbl" for="show-mon-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
-		</div>
-		<div class="status"><span class="icon"></span><span class="text"></span></div>
+		<details class="config-display-list">
+			<summary></summary>
+			<input type="checkbox" class="switch-ipt" id="show-card-id"><label class="switch-lbl" for="show-card-id"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-card-rarity"><label class="switch-lbl" for="show-card-rarity"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-member-skill-cd"><label class="switch-lbl" for="show-member-skill-cd"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-member-ability"><label class="switch-lbl" for="show-member-ability"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-member-awoken"><label class="switch-lbl" for="show-member-awoken"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-team-awoken-count"><label class="switch-lbl" for="show-team-awoken-count"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-team-awoken-effect"><label class="switch-lbl" for="show-team-awoken-effect"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-team-attrtype-count"><label class="switch-lbl" for="show-team-attrtype-count"><circle></circle></label>
+		</details>
+		<div class="status"></div>
 		<div>
 			<span class="lbl-henshin-change"><button class="btn-henshin" data-step="-1" onclick="henshinStep(parseInt(this.dataset.step,10));"></button><button class="btn-henshin" data-step="+1" onclick="henshinStep(parseInt(this.dataset.step,10));"></button></span>
 			<span class="lbl-remove-assist"><button class="btn-remove-assist" onclick="formation.removeAssist();"></span>
@@ -786,7 +791,7 @@ const teamsCount = 2;
 		<button id="insert-latent-icon" title="Insert Latent Icon"></button>
 		<button id="insert-type-icon" title="Insert Type Icon"></button>
 		<button id="insert-orb-icon" title="Insert Orb Icon"></button>
-		<input type="checkbox" class="config-checkbox-ipt" id="siwtch-code-mode"><label class="config-checkbox-lbl" for="siwtch-code-mode" title="Code Mode"><div class="config-checkbox-lbl-cicle"></div></label>
+		<input type="checkbox" class="switch-ipt" id="siwtch-code-mode"><label class="config-checkbox-lbl" for="siwtch-code-mode" title="Code Mode"><circle></circle></label>
 	</div>
 	<div class="edit-box display-none">
 		<div class="edit-box-title"><!--修改怪物--></div>
@@ -828,7 +833,7 @@ const teamsCount = 2;
 					<li><input type="radio" name="attr-3" class="attr-radio" value="0010000" id="search-attr-3-4" /><label for="search-attr-3-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
 					<li><input type="radio" name="attr-3" class="attr-radio" value="1000000" id="search-attr-3-6" /><label for="search-attr-3-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
 				</ul>
-				<div class="options"><button id="avatar-save" class="display-none">💾</button><input type="checkbox" name="fix-main-color" id="fix-main-color" checked><label class="config-checkbox-lbl fix-main-color-label" for="fix-main-color"></label></div>
+				<div class="options"><button id="avatar-save" class="display-none">💾</button><input type="checkbox" name="fix-main-color" id="fix-main-color" checked><label class="switch-lbl" for="fix-main-color"></label></div>
 			</div>
 			<div class="types-div"><!--类型-->
 				<ul class="type-list">
@@ -846,7 +851,7 @@ const teamsCount = 2;
 					<li data-type-icon="15"><input type="checkbox" class="type-check" name="types" value="15" id="search-type-15" /><label class="type-icon" data-type-icon="15" for="search-type-15"><!--販賣用--></label></li>
 					<!--<li><input type="checkbox" class="type-check" name="types" value="9" id="search-type-9" /><label class="display-none" data-type-icon="9" for="search-type-9"></label></li>--><!--特别保护-->
 				</ul>
-				<input type="checkbox" class="config-checkbox-ipt" name="type-and-or" id="type-and-or" checked><label class="config-checkbox-lbl type-and-or-label" for="type-and-or"><div class="config-checkbox-lbl-cicle"></div></label>
+				<input type="checkbox" class="switch-ipt" name="type-and-or" id="type-and-or" checked><label class="switch-lbl" for="type-and-or"><circle></circle></label>
 				<ul class="latent-list">
 					<li class="latent-icon" data-latent-icon="20"></li><!--神杀-->
 					<li class="latent-icon" data-latent-icon="21"></li><!--龙杀-->
@@ -875,9 +880,9 @@ const teamsCount = 2;
 			</div>
 			<div class="awoken-div"><!--觉醒-->
 				<div class="awoken-option"><!--觉醒搜索选项开关-->
-					<input type="checkbox" name="consider-equivalent-awoken" id="consider-equivalent-awoken" checked><label class="config-checkbox-lbl consider-equivalent-awoken-label" for="consider-equivalent-awoken"></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="include-super-awoken" id="include-super-awoken"><label class="config-checkbox-lbl include-super-awoken-label" for="include-super-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="show-official-awoken-sorting" id="show-official-awoken-sorting"><label class="config-checkbox-lbl show-official-awoken-sorting-label" for="show-official-awoken-sorting"><div class="config-checkbox-lbl-cicle"></div></label>
+					<input type="checkbox" name="consider-equivalent-awoken" id="consider-equivalent-awoken" checked><label class="switch-lbl" for="consider-equivalent-awoken"></label>
+					<input type="checkbox" class="switch-ipt" name="include-super-awoken" id="include-super-awoken"><label class="switch-lbl" for="include-super-awoken"><circle></circle></label>
+					<input type="checkbox" class="switch-ipt" name="show-official-awoken-sorting" id="show-official-awoken-sorting"><label class="switch-lbl" for="show-official-awoken-sorting"><circle></circle></label>
 				</div>
 				<div class="selected-awokens-div"><!--选中的觉醒列表-->
 					<ul class="awoken-ul selected-awokens">
@@ -1155,7 +1160,7 @@ const teamsCount = 2;
 				</ul>
 			</div>
 			<div class="fast-switch">
-				<input type="checkbox" name="can-assist" id="can-assist"><label class="config-checkbox-lbl can-assist-label" for="can-assist"></label>
+				<input type="checkbox" name="can-assist" id="can-assist"><label class="switch-lbl" for="can-assist"></label>
 				<input type="checkbox" name="can-level-limit-breakthrough" id="can-level-limit-breakthrough"><label class="config-checkbox-lbl" for="can-level-limit-breakthrough"></label>
 				<input type="checkbox" name="have-8-latent-slot" id="have-8-latent-slot"><label class="config-checkbox-lbl" for="have-8-latent-slot"></label>
 				<input type="checkbox" name="not-weapon" id="not-weapon"><label class="config-checkbox-lbl" for="not-weapon"></label>
@@ -1166,14 +1171,14 @@ const teamsCount = 2;
 				<button class="search-clear"><!--清空搜索条件--></button>
 				<button class="search-share"><!--分享搜索内容--></button>
 				<div class="additional-div"><!--额外显示栏-->
-					<input type="checkbox" class="config-checkbox-ipt" name="add-show-CD" id="add-show-CD"><label class="config-checkbox-lbl add-show-CD-label" for="add-show-CD"><div class="config-checkbox-lbl-cicle"></div></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="add-show-abilities" id="add-show-abilities"><label class="config-checkbox-lbl add-show-abilities-label" for="add-show-abilities"><div class="config-checkbox-lbl-cicle"></div></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="add-show-abilities-with-awoken" id="add-show-abilities-with-awoken"><label class="config-checkbox-lbl add-show-abilities-with-awoken-label" for="add-show-abilities-with-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="add-show-awoken" id="add-show-awoken"><label class="config-checkbox-lbl add-show-awoken-label" for="add-show-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
+					<input type="checkbox" class="switch-ipt" name="add-show-CD" id="add-show-CD"><label class="switch-lbl" for="add-show-CD"><circle></circle></label>
+					<input type="checkbox" class="switch-ipt" name="add-show-abilities" id="add-show-abilities"><label class="switch-lbl" for="add-show-abilities"><circle></circle></label>
+					<input type="checkbox" class="switch-ipt" name="add-show-abilities-with-awoken" id="add-show-abilities-with-awoken"><label class="switch-lbl" for="add-show-abilities-with-awoken"><circle></circle></label>
+					<input type="checkbox" class="switch-ipt" name="add-show-awoken" id="add-show-awoken"><label class="switch-lbl" for="add-show-awoken"><circle></circle></label>
 				</div>
 				<div class="sort-div"><!--排序栏-->
 					<select class="sort-list"></select>
-					<input type="checkbox" class="config-checkbox-ipt" name="sort-reverse" id="sort-reverse"><label class="config-checkbox-lbl sort-reverse-label" for="sort-reverse"><div class="config-checkbox-lbl-cicle"></div></label>
+					<input type="checkbox" class="switch-ipt" name="sort-reverse" id="sort-reverse"><label class="switch-lbl" for="sort-reverse"><circle></circle></label>
 					<div class="search-list-length"></div>
 				</div>
 			</div>
@@ -1234,7 +1239,7 @@ const teamsCount = 2;
 		</div>
 		<div class="setting-box">
 			<div class="setting-row row-mon-id">
-				<input type="checkbox" class="config-checkbox-ipt" name="real-time-change-card" id="real-time-change-card"><label class="config-checkbox-lbl real-time-change-card-label" for="real-time-change-card"><div class="config-checkbox-lbl-cicle"></div></label>
+				<input type="checkbox" class="switch-ipt" name="real-time-change-card" id="real-time-change-card"><label class="switch-lbl" for="real-time-change-card"><circle></circle></label>
 				<button class="open-evolutionary-tree display-none"></button>
 				<button class="search-evolution-by-this display-none"><icon class="type-icon" data-type-icon="0"></icon></button>
 				<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
@@ -1368,8 +1373,8 @@ const teamsCount = 2;
 					<div class="skill-box">
 						<div class="skill-title"><div class="type-title"></div><span class="skill-name"></span>
 							<div class="skill-parse-control">
-								<input type="checkbox" class="config-checkbox-ipt" name="show-skill-original" id="show-skill-original"><label class="config-checkbox-lbl" for="show-skill-original"><div class="config-checkbox-lbl-cicle"></div></label>
-								<input type="checkbox" class="config-checkbox-ipt" name="merge-skill" id="merge-skill" checked><label class="config-checkbox-lbl" for="merge-skill"><div class="config-checkbox-lbl-cicle"></div></label>
+								<input type="checkbox" class="switch-ipt" name="show-skill-original" id="show-skill-original"><label class="switch-lbl" for="show-skill-original"><circle></circle></label>
+								<input type="checkbox" class="switch-ipt" name="merge-skill" id="merge-skill" checked><label class="switch-lbl" for="merge-skill"><circle></circle></label>
 							</div>
 						</div>
 						<div class="skill-datail-original"></div>

script-json_data.js

@@ -19,6 +19,12 @@ let localTranslating = {
 	detail_blank: "Input Detail",
 	force_reload_data: `Force refresh data`,
 	request_input: tp`Please Input ${'info'}`,
+	status_message: {
+		loading_check_version: "Checking the data version, please wait...",
+		loading_mon_info: "Loading monster data, please wait...",
+		loading_skill_info: "Loading skill data, please wait...",
+		prepare_capture: "Preparing a screenshot, please wait...",
+	},
 	link_read_message: {
 		success: tp`Find the ${'type'} format.`,
 		need_user_script: `Because PADDB is cross-domain, you need to install helper script within the User Script Manager to support this feature.`,

script.js

@@ -1157,7 +1157,7 @@ function loadData(force = false)
 	//开始读取解析怪物数据
 	const sourceDataFolder = "monsters-info";
 
-	if (statusLine) statusLine.classList.add("loading-check-version");
+	statusLine?.writeText(localTranslating.status_message.loading_check_version);
 	GM_xmlhttpRequest({
 		method: "GET",
 		url: `${sourceDataFolder}/ckey.json${force?`?t=${_time}`:''}`, //版本文件
@@ -1204,8 +1204,7 @@ function loadData(force = false)
 			lastCkeys.push(lastCurrentCkey);
 		}
 
-		if (statusLine) statusLine.classList.remove("loading-check-version");
-		if (statusLine) statusLine.classList.add("loading-mon-info");
+		statusLine?.writeText(localTranslating.status_message.loading_mon_info);
 		if (!force && db && currentCkey.ckey.card == lastCurrentCkey.ckey.card) {
 			console.debug("Cards ckey相等，直接读取已有的数据。");
 			const transaction = db.transaction([`cards`]);
@@ -1301,9 +1300,7 @@ function loadData(force = false)
 				monstersList.appendChild(fragment);
 			}
 
-			if (statusLine) statusLine.classList.remove("loading-mon-info");
-
-			if (statusLine) statusLine.classList.add("loading-skill-info");
+			statusLine?.writeText(localTranslating.status_message.loading_skill_info);
 			if (!force && db && currentCkey.ckey.skill == lastCurrentCkey.ckey.skill) {
 				console.debug("Skills ckey相等，直接读取已有的数据。");
 				const transaction = db.transaction([`skills`]);
@@ -1379,7 +1376,7 @@ function loadData(force = false)
 				}
 	
 				//initialize(); //初始化
-				if (statusLine) statusLine.classList.remove("loading-skill-info");
+				statusLine?.writeText();
 
 				//如果通过的话就载入URL中的怪物数据
 				let formationBoxHook = setInterval(checkFormationBox, 500); //循环检测formationBox
@@ -1790,25 +1787,23 @@ function paddbFotmationToPdfFotmation(obj)
 	return f;
 }
 //截图
-function capture() {
-	statusLine.classList.add("prepare-capture");
-	const titleBox = formationBox.querySelector(".title-box");
-	const detailBox = formationBox.querySelector(".detail-box");
-	const txtTitle = titleBox.querySelector(".title-code");
-	const txtDetail = detailBox.querySelector(".detail-code");
+function captureScreenshot(target) {
+	statusLine?.writeText(localTranslating.status_message.prepare_capture);
 	//去掉可能的空白文字的编辑状态
 	formationBox.classList.remove("edit-code");
 	const downLink = controlBox.querySelector(".down-capture");
-	html2canvas(formationBox, {backgroundColor: null}).then(canvas => {
-		canvas.toBlob(function(blob) {
-			window.URL.revokeObjectURL(downLink.href);
-			downLink.href = URL.createObjectURL(blob);
-			downLink.download = `${document.title}.png`;
-			downLink.click();
-			statusLine.classList.remove("prepare-capture");
+	setTimeout(()=>{
+		html2canvas(target, {backgroundColor: null}).then(canvas => {
+			canvas.toBlob(function(blob) {
+				window.URL.revokeObjectURL(downLink.href);
+				downLink.href = URL.createObjectURL(blob);
+				downLink.download = `${document.title}.png`;
+				downLink.click();
+				statusLine?.writeText();
+			});
+			//document.body.appendChild(canvas);
 		});
-		//document.body.appendChild(canvas);
-	});
+	},500);
 }
 
 window.onload = initialize; //界面初始化
@@ -1822,6 +1817,10 @@ function initialize() {
 
 	controlBox = document.body.querySelector(".control-box");
 	statusLine = controlBox.querySelector(".status"); //显示当前状态的
+	statusLine.writeText = function(text) {
+		this.innerHTML = '';
+		if (text) this.textContent = text;
+	};
 	formationBox = document.body.querySelector(".formation-box");
 	editBox = document.body.querySelector(".edit-box");
 	editBox.editMon = editMember;
@@ -1873,20 +1872,8 @@ function initialize() {
 		checkbox.onchange(false);
 		return checkbox;
 	}
-	//显示ID开关
-	const btnShowMonId = initializeSwitch(document.getElementById("show-mon-id"));
-
-	//显示CD开关
-	const btnShowMonSkillCd = initializeSwitch(document.getElementById("show-mon-skill-cd"));
-
-	//显示星级开关
-	const btnShowMonRarity = initializeSwitch(document.getElementById("show-mon-rarity"));
-
-	//显示卡片觉醒开关
-	const btnShowMonAwoken = initializeSwitch(document.getElementById("show-mon-awoken"));
-	
-	//3P显示觉醒统计开关
-	const btnShowAwokenCount = initializeSwitch(document.getElementById("show-awoken-count"));
+	const displaySwitchList = Array.from(document.querySelectorAll(".config-display-list .switch-ipt"));
+	displaySwitchList.forEach(initializeSwitch);
 
 	//默认等级
 	const iptDefaultLevel = document.getElementById("default-level");
@@ -5483,52 +5470,50 @@ function refreshAll(formationData) {
 	// txtDetail.onblur(); //这个需要放在显示出来后再改才能生效
 }
 
-function awokenSetCount(aicon, number) {
-	if (!aicon) return; //没有这个觉醒就撤回 
-	const ali = aicon.parentNode;
-	const countDom = ali.querySelector(".count");
-	countDom.textContent = number;
-	if (number)
-		ali.classList.remove(className_displayNone);
-	else
-		ali.classList.add(className_displayNone);
-}
 //刷新队伍觉醒统计
 function refreshTeamAwokenCount(awokenDom, team) {
 	let fragment = document.createDocumentFragment(); //创建节点用的临时空间
-	const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul"));
 
-	const aicons = Array.from(awokenUL.querySelectorAll(`.awoken-icon[data-awoken-icon]`));
-	const acs = aicons.map(aicon=>{
-		const ai = parseInt(aicon.getAttribute("data-awoken-icon"),10);
+	official_awoken_sorting.forEach(ak=>{
 		let totalNum = 0;
 		//搜索等效觉醒
-		const equivalentAwoken = equivalent_awoken.find(eak => eak.small === ai || eak.big === ai);
-		if (equivalentAwoken)
-		{
-			if (equivalentAwoken.small === ai)
-			{
-				totalNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
-					awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
-			}
+		const equivalentAwoken = equivalent_awoken.find(eak => eak.small === ak || eak.big === ak);
+		if (equivalentAwoken?.small === ak)
+		{ //等效觉醒
+			totalNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
+				awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
 		} else
-		{
-			totalNum = awokenCountInTeam(team, ai, solo, teamsCount);
+		{ //普通觉醒
+			totalNum = awokenCountInTeam(team, ak, solo, teamsCount);
 		}
-		awokenSetCount(aicon, totalNum);
-		return {a:ai,c:totalNum};
+		if (totalNum == 0) return;
+		const li = document.createElement("li");
+		li.className = "awoken-count";
+		const icon = li.appendChild(document.createElement("icon"));
+		icon.className = "awoken-icon";
+		icon.setAttribute("data-awoken-icon", ak);
+		const span = li.appendChild(document.createElement("span"));
+		span.className = "count";
+		span.textContent = totalNum;
+		fragment.appendChild(li);
 	});
-	if (acs.every(ac=>ac.c==0))
-	{
-		awokenDom.classList.add(className_displayNone);
-	} else
-	{
-		awokenDom.classList.remove(className_displayNone);
-	}
-	awokenDom.appendChild(fragment);
+
+	const awokenUL = awokenDom.querySelector(".awoken-ul");
+	awokenUL.innerHTML = '';
+	awokenUL.append(fragment);
 }
 //刷新阵型觉醒统计
 function refreshFormationAwokenCount(awokenDom, teams) {
+	function awokenSetCount(aicon, number) {
+		if (!aicon) return; //没有这个觉醒就撤回 
+		const ali = aicon.parentNode;
+		const countDom = ali.querySelector(".count");
+		countDom.textContent = number;
+		if (number)
+			ali.classList.remove(className_displayNone);
+		else
+			ali.classList.add(className_displayNone);
+	}
 	let fragment = document.createDocumentFragment(); //创建节点用的临时空间
 	const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul"));
 

solo.html

@@ -46,18 +46,22 @@ const teamsCount = 1;
 		<div>
 			<a class="down-capture display-none" target="_blank"></a>
 			<button class="btn-qrcode"></button>
-			<button class="btn-capture" onclick="capture();"></button>
+			<button class="btn-capture" onclick="captureScreenshot(formationBox);"></button>
 			<label for="default-level"></label><input id="default-level" type="number" min="1" max="120" placeholder="110"/>
 			<input type="checkbox" name="change-swap-to-copy" id="change-swap-to-copy"><label class="config-checkbox-lbl change-swap-to-copy-lbl" for="change-swap-to-copy"></label>
 		</div>
-		<div>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-id" id="show-mon-id"><label class="config-checkbox-lbl show-mon-id-lbl" for="show-mon-id"><div class="config-checkbox-lbl-cicle"></div></label>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-skill-cd" id="show-mon-skill-cd"><label class="config-checkbox-lbl show-mon-skill-cd-lbl" for="show-mon-skill-cd"><div class="config-checkbox-lbl-cicle"></div></label>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-rarity" id="show-mon-rarity"><label class="config-checkbox-lbl" for="show-mon-rarity"><div class="config-checkbox-lbl-cicle"></div></label>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-awoken-count" id="show-awoken-count" checked><label class="config-checkbox-lbl show-awoken-count-lbl" for="show-awoken-count"><div class="config-checkbox-lbl-cicle"></div></label>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-awoken" id="show-mon-awoken"><label class="config-checkbox-lbl show-mon-awoken-lbl" for="show-mon-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
-		</div>
-		<div class="status"><span class="icon"></span><span class="text"></span></div>
+		<details class="config-display-list">
+			<summary></summary>
+			<input type="checkbox" class="switch-ipt" id="show-card-id"><label class="switch-lbl" for="show-card-id"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-card-rarity"><label class="switch-lbl" for="show-card-rarity"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-member-skill-cd"><label class="switch-lbl" for="show-member-skill-cd"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-member-ability"><label class="switch-lbl" for="show-member-ability"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-member-awoken"><label class="switch-lbl" for="show-member-awoken"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-team-awoken-count"><label class="switch-lbl" for="show-team-awoken-count"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-team-awoken-effect"><label class="switch-lbl" for="show-team-awoken-effect"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-team-attrtype-count"><label class="switch-lbl" for="show-team-attrtype-count"><circle></circle></label>
+		</details>
+		<div class="status"></div>
 		<div>
 			<span class="lbl-henshin-change"><button class="btn-henshin" data-step="-1" onclick="henshinStep(parseInt(this.dataset.step,10));"></button><button class="btn-henshin" data-step="+1" onclick="henshinStep(parseInt(this.dataset.step,10));"></button></span>
 			<span class="lbl-remove-assist"><button class="btn-remove-assist" onclick="formation.removeAssist();"></span>
@@ -502,108 +506,10 @@ const teamsCount = 1;
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
 				</ul>
+				<div class="team-awoken-effect"></div>
 				<div class="team-awoken">
 					<!--怪物觉醒-->
-					<ul class="awoken-ul">
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="21"></span><span class="count"></span></li><!--S+ -->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="105"></span><span class="count"></span></li><!--S- -->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="28"></span><span class="count"></span></li><!--SX-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="11"></span><span class="count"></span></li><!--防暗-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="12"></span><span class="count"></span></li><!--防废-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="13"></span><span class="count"></span></li><!--防毒-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="54"></span><span class="count"></span></li><!--防云-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="55"></span><span class="count"></span></li><!--防封条-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="45"></span><span class="count"></span></li><!--心追-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="50"></span><span class="count"></span></li><!--方块心追-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="1"></span><span class="count"></span></li><!--HP+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="2"></span><span class="count"></span></li><!--攻击+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="3"></span><span class="count"></span></li><!--回复+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="4"></span><span class="count"></span></li><!--火盾-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="5"></span><span class="count"></span></li><!--水盾-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="6"></span><span class="count"></span></li><!--木盾-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="7"></span><span class="count"></span></li><!--光盾-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="8"></span><span class="count"></span></li><!--暗盾-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="9"></span><span class="count"></span></li><!--自回-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="10"></span><span class="count"></span></li><!--防封-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="14"></span><span class="count"></span></li><!--火+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="15"></span><span class="count"></span></li><!--水+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="16"></span><span class="count"></span></li><!--木+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="17"></span><span class="count"></span></li><!--光+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="18"></span><span class="count"></span></li><!--暗+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="19"></span><span class="count"></span></li><!--手指-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="20"></span><span class="count"></span></li><!--心解-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="22"></span><span class="count"></span></li><!--火横-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="23"></span><span class="count"></span></li><!--水横-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="24"></span><span class="count"></span></li><!--木横-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="25"></span><span class="count"></span></li><!--光横-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="26"></span><span class="count"></span></li><!--暗横-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="27"></span><span class="count"></span></li><!--U-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="29"></span><span class="count"></span></li><!--心+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="30"></span><span class="count"></span></li><!--协力-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="31"></span><span class="count"></span></li><!--龙杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="32"></span><span class="count"></span></li><!--神杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="33"></span><span class="count"></span></li><!--恶魔杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="34"></span><span class="count"></span></li><!--机杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="35"></span><span class="count"></span></li><!--平衡杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="36"></span><span class="count"></span></li><!--攻击杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="37"></span><span class="count"></span></li><!--体力杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="38"></span><span class="count"></span></li><!--回复杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="39"></span><span class="count"></span></li><!--进化杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="40"></span><span class="count"></span></li><!--觉醒杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="41"></span><span class="count"></span></li><!--强化杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="42"></span><span class="count"></span></li><!--卖钱杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="43"></span><span class="count"></span></li><!--7c-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="44"></span><span class="count"></span></li><!--5色破防-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="46"></span><span class="count"></span></li><!--全体HP-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="47"></span><span class="count"></span></li><!--全体回复-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="48"></span><span class="count"></span></li><!--破无效-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="49"></span><span class="count"></span></li><!--武器觉醒-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="51"></span><span class="count"></span></li><!--5色溜-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="52"></span><span class="count"></span></li><!--大防封-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="53"></span><span class="count"></span></li><!--大手指-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="56"></span><span class="count"></span></li><!--大SB-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="57"></span><span class="count"></span></li><!--满血强化-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="58"></span><span class="count"></span></li><!--下半血强化-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="59"></span><span class="count"></span></li><!--L盾-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="60"></span><span class="count"></span></li><!--L解锁-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="61"></span><span class="count"></span></li><!--10c-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="62"></span><span class="count"></span></li><!--c珠-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="63"></span><span class="count"></span></li><!--语音-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="64"></span><span class="count"></span></li><!--奖励增加-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="65"></span><span class="count"></span></li><!--HP--->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="66"></span><span class="count"></span></li><!--攻击--->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="67"></span><span class="count"></span></li><!--回复--->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="68"></span><span class="count"></span></li><!--大防暗-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="69"></span><span class="count"></span></li><!--大防废-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="70"></span><span class="count"></span></li><!--大防毒-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="71"></span><span class="count"></span></li><!--掉废-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="72"></span><span class="count"></span></li><!--掉毒-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="73"></span><span class="count"></span></li><!--2串火-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="74"></span><span class="count"></span></li><!--2串水-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="75"></span><span class="count"></span></li><!--2串木-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="76"></span><span class="count"></span></li><!--2串光-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="77"></span><span class="count"></span></li><!--2串暗-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="78"></span><span class="count"></span></li><!--十字-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="79"></span><span class="count"></span></li><!--3色-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="80"></span><span class="count"></span></li><!--4色-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="81"></span><span class="count"></span></li><!--5色-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="82"></span><span class="count"></span></li><!--12珠-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="83"></span><span class="count"></span></li><!--附加神类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="84"></span><span class="count"></span></li><!--附加龙类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="85"></span><span class="count"></span></li><!--附加恶魔类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="86"></span><span class="count"></span></li><!--附加机械类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="87"></span><span class="count"></span></li><!--附加平衡类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="88"></span><span class="count"></span></li><!--附加攻击类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="89"></span><span class="count"></span></li><!--附加体力类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="90"></span><span class="count"></span></li><!--附加回复类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="91"></span><span class="count"></span></li><!--附加火属性-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="92"></span><span class="count"></span></li><!--附加水属性-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="93"></span><span class="count"></span></li><!--附加木属性-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="94"></span><span class="count"></span></li><!--附加光属性-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="95"></span><span class="count"></span></li><!--附加暗属性-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="106"></span><span class="count"></span></li><!--浮游-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="126"></span><span class="count"></span></li><!--T字-->
-					</ul>
+					<ul class="awoken-ul"></ul>
 				</div>
 			</li>
 		</ul>
@@ -622,7 +528,7 @@ const teamsCount = 1;
 		<button id="insert-latent-icon" title="Insert Latent Icon"></button>
 		<button id="insert-type-icon" title="Insert Type Icon"></button>
 		<button id="insert-orb-icon" title="Insert Orb Icon"></button>
-		<input type="checkbox" class="config-checkbox-ipt" id="siwtch-code-mode"><label class="config-checkbox-lbl" for="siwtch-code-mode" title="Code Mode"><div class="config-checkbox-lbl-cicle"></div></label>
+		<input type="checkbox" class="switch-ipt" id="siwtch-code-mode"><label class="config-checkbox-lbl" for="siwtch-code-mode" title="Code Mode"><circle></circle></label>
 	</div>
 	<div class="edit-box display-none">
 		<div class="edit-box-title"><!--修改怪物--></div>
@@ -664,7 +570,7 @@ const teamsCount = 1;
 					<li><input type="radio" name="attr-3" class="attr-radio" value="0010000" id="search-attr-3-4" /><label for="search-attr-3-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
 					<li><input type="radio" name="attr-3" class="attr-radio" value="1000000" id="search-attr-3-6" /><label for="search-attr-3-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
 				</ul>
-				<div class="options"><button id="avatar-save" class="display-none">💾</button><input type="checkbox" name="fix-main-color" id="fix-main-color" checked><label class="config-checkbox-lbl fix-main-color-label" for="fix-main-color"></label></div>
+				<div class="options"><button id="avatar-save" class="display-none">💾</button><input type="checkbox" name="fix-main-color" id="fix-main-color" checked><label class="switch-lbl" for="fix-main-color"></label></div>
 			</div>
 			<div class="types-div"><!--类型-->
 				<ul class="type-list">
@@ -682,7 +588,7 @@ const teamsCount = 1;
 					<li data-type-icon="15"><input type="checkbox" class="type-check" name="types" value="15" id="search-type-15" /><label class="type-icon" data-type-icon="15" for="search-type-15"><!--販賣用--></label></li>
 					<!--<li><input type="checkbox" class="type-check" name="types" value="9" id="search-type-9" /><label class="display-none" data-type-icon="9" for="search-type-9"></label></li>--><!--特别保护-->
 				</ul>
-				<input type="checkbox" class="config-checkbox-ipt" name="type-and-or" id="type-and-or" checked><label class="config-checkbox-lbl type-and-or-label" for="type-and-or"><div class="config-checkbox-lbl-cicle"></div></label>
+				<input type="checkbox" class="switch-ipt" name="type-and-or" id="type-and-or" checked><label class="switch-lbl" for="type-and-or"><circle></circle></label>
 				<ul class="latent-list">
 					<li class="latent-icon" data-latent-icon="20"></li><!--神杀-->
 					<li class="latent-icon" data-latent-icon="21"></li><!--龙杀-->
@@ -711,9 +617,9 @@ const teamsCount = 1;
 			</div>
 			<div class="awoken-div"><!--觉醒-->
 				<div class="awoken-option"><!--觉醒搜索选项开关-->
-					<input type="checkbox" name="consider-equivalent-awoken" id="consider-equivalent-awoken" checked><label class="config-checkbox-lbl consider-equivalent-awoken-label" for="consider-equivalent-awoken"></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="include-super-awoken" id="include-super-awoken" checked><label class="config-checkbox-lbl include-super-awoken-label" for="include-super-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="show-official-awoken-sorting" id="show-official-awoken-sorting"><label class="config-checkbox-lbl show-official-awoken-sorting-label" for="show-official-awoken-sorting"><div class="config-checkbox-lbl-cicle"></div></label>
+					<input type="checkbox" name="consider-equivalent-awoken" id="consider-equivalent-awoken" checked><label class="switch-lbl" for="consider-equivalent-awoken"></label>
+					<input type="checkbox" class="switch-ipt" name="include-super-awoken" id="include-super-awoken" checked><label class="switch-lbl" for="include-super-awoken"><circle></circle></label>
+					<input type="checkbox" class="switch-ipt" name="show-official-awoken-sorting" id="show-official-awoken-sorting"><label class="switch-lbl" for="show-official-awoken-sorting"><circle></circle></label>
 				</div>
 				<div class="selected-awokens-div"><!--选中的觉醒列表-->
 					<ul class="awoken-ul selected-awokens">
@@ -991,7 +897,7 @@ const teamsCount = 1;
 				</ul>
 			</div>
 			<div class="fast-switch">
-				<input type="checkbox" name="can-assist" id="can-assist"><label class="config-checkbox-lbl can-assist-label" for="can-assist"></label>
+				<input type="checkbox" name="can-assist" id="can-assist"><label class="switch-lbl" for="can-assist"></label>
 				<input type="checkbox" name="can-level-limit-breakthrough" id="can-level-limit-breakthrough"><label class="config-checkbox-lbl" for="can-level-limit-breakthrough"></label>
 				<input type="checkbox" name="have-8-latent-slot" id="have-8-latent-slot"><label class="config-checkbox-lbl" for="have-8-latent-slot"></label>
 				<input type="checkbox" name="not-weapon" id="not-weapon"><label class="config-checkbox-lbl" for="not-weapon"></label>
@@ -1002,14 +908,14 @@ const teamsCount = 1;
 				<button class="search-clear"><!--清空搜索条件--></button>
 				<button class="search-share"><!--分享搜索内容--></button>
 				<div class="additional-div"><!--额外显示栏-->
-					<input type="checkbox" class="config-checkbox-ipt" name="add-show-CD" id="add-show-CD"><label class="config-checkbox-lbl add-show-CD-label" for="add-show-CD"><div class="config-checkbox-lbl-cicle"></div></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="add-show-abilities" id="add-show-abilities"><label class="config-checkbox-lbl add-show-abilities-label" for="add-show-abilities"><div class="config-checkbox-lbl-cicle"></div></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="add-show-abilities-with-awoken" id="add-show-abilities-with-awoken"><label class="config-checkbox-lbl add-show-abilities-with-awoken-label" for="add-show-abilities-with-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="add-show-awoken" id="add-show-awoken"><label class="config-checkbox-lbl add-show-awoken-label" for="add-show-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
+					<input type="checkbox" class="switch-ipt" name="add-show-CD" id="add-show-CD"><label class="switch-lbl" for="add-show-CD"><circle></circle></label>
+					<input type="checkbox" class="switch-ipt" name="add-show-abilities" id="add-show-abilities"><label class="switch-lbl" for="add-show-abilities"><circle></circle></label>
+					<input type="checkbox" class="switch-ipt" name="add-show-abilities-with-awoken" id="add-show-abilities-with-awoken"><label class="switch-lbl" for="add-show-abilities-with-awoken"><circle></circle></label>
+					<input type="checkbox" class="switch-ipt" name="add-show-awoken" id="add-show-awoken"><label class="switch-lbl" for="add-show-awoken"><circle></circle></label>
 				</div>
 				<div class="sort-div"><!--排序栏-->
 					<select class="sort-list"></select>
-					<input type="checkbox" class="config-checkbox-ipt" name="sort-reverse" id="sort-reverse"><label class="config-checkbox-lbl sort-reverse-label" for="sort-reverse"><div class="config-checkbox-lbl-cicle"></div></label>
+					<input type="checkbox" class="switch-ipt" name="sort-reverse" id="sort-reverse"><label class="switch-lbl" for="sort-reverse"><circle></circle></label>
 					<div class="search-list-length"></div>
 				</div>
 			</div>
@@ -1070,7 +976,7 @@ const teamsCount = 1;
 		</div>
 		<div class="setting-box">
 			<div class="setting-row row-mon-id">
-				<input type="checkbox" class="config-checkbox-ipt" name="real-time-change-card" id="real-time-change-card"><label class="config-checkbox-lbl real-time-change-card-label" for="real-time-change-card"><div class="config-checkbox-lbl-cicle"></div></label>
+				<input type="checkbox" class="switch-ipt" name="real-time-change-card" id="real-time-change-card"><label class="switch-lbl" for="real-time-change-card"><circle></circle></label>
 				<button class="open-evolutionary-tree display-none"></button>
 				<button class="search-evolution-by-this display-none"><icon class="type-icon" data-type-icon="0"></icon></button>
 				<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
@@ -1204,8 +1110,8 @@ const teamsCount = 1;
 					<div class="skill-box">
 						<div class="skill-title"><div class="type-title"></div><span class="skill-name"></span>
 							<div class="skill-parse-control">
-								<input type="checkbox" class="config-checkbox-ipt" name="show-skill-original" id="show-skill-original"><label class="config-checkbox-lbl" for="show-skill-original"><div class="config-checkbox-lbl-cicle"></div></label>
-								<input type="checkbox" class="config-checkbox-ipt" name="merge-skill" id="merge-skill" checked><label class="config-checkbox-lbl" for="merge-skill"><div class="config-checkbox-lbl-cicle"></div></label>
+								<input type="checkbox" class="switch-ipt" name="show-skill-original" id="show-skill-original"><label class="switch-lbl" for="show-skill-original"><circle></circle></label>
+								<input type="checkbox" class="switch-ipt" name="merge-skill" id="merge-skill" checked><label class="switch-lbl" for="merge-skill"><circle></circle></label>
 							</div>
 						</div>
 						<div class="skill-datail-original"></div>

style.css

@@ -247,10 +247,20 @@ label[for="siwtch-code-mode"]::after {
 	display: none;
 }
 
-.config-checkbox-ipt{
+.config-display-list:not([open]) {
+	background-color: #1155AA55;
+}
+
+.switch-ipt{
 	display:none;
 }
-.config-checkbox-lbl .config-checkbox-lbl-cicle{
+.switch-lbl{
+	cursor: pointer;
+	line-height: 25px;
+	margin-right: 20px;
+	display: inline-block;
+}
+.switch-lbl>circle{
 	width: 28px;
 	height: 12px;
 	display: inline-block;
@@ -259,7 +269,7 @@ label[for="siwtch-code-mode"]::after {
 	border-radius: 16px;
 	margin-right: 5px;
 }
-.config-checkbox-lbl .config-checkbox-lbl-cicle::before{
+.switch-lbl>circle::before{
 	content:"";
 	width: 20px;
 	height: 20px;
@@ -271,38 +281,30 @@ label[for="siwtch-code-mode"]::after {
 	left: -4px;
 	top: -4px;
 }
-.config-checkbox-ipt:checked+.config-checkbox-lbl .config-checkbox-lbl-cicle {
+.switch-ipt:checked+.switch-lbl>circle {
 	background: rgba(0,160,216,0.8);
 }
-.config-checkbox-ipt:checked+.config-checkbox-lbl .config-checkbox-lbl-cicle::before {
+.switch-ipt:checked+.switch-lbl>circle::before {
 	background: #00A0D8;
 	box-shadow: 0 2px 4px 0 rgba(0,160,216,0.4);
 	left: calc(100% - 16px);
 }
-.config-checkbox-lbl{
-	cursor: pointer;
-	line-height: 25px;
-	margin-right: 20px;
-	display: inline-block;
-}
-.config-checkbox-lbl[for$=and-or]::after{
+.switch-lbl[for$=and-or]::after{
 	content: "OR";
 }
-input:checked+ .config-checkbox-lbl[for$=and-or]::after{
+input:checked+ .switch-lbl[for$=and-or]::after{
 	content: "AND";
 }
 
 .status{
 	line-height: 16px;
 }
-/*.status.loading-mon-info .text::before{
-	content: "正在加载怪物数据";
-}*/
-.status.loading-check-version .icon,
-.status.loading-mon-info .icon,
-.status.loading-skill-info .icon,
-.status.prepare-capture .icon
-{
+.status:empty{
+	display: none;
+}
+/*状态栏不为空时*/
+.status:not(:empty)::before {
+	content: "";
 	display: inline-block;
 	width: 16px;
 	height: 16px;
@@ -648,10 +650,6 @@ ul{
 {
 	color: #FEFF85;
 }
-.monster .level.max::after
-{
-	display: none;
-}
 .monster .level[data-level-range="110"]{
 	color: #85BCFF;
 }
@@ -679,15 +677,10 @@ ul{
 	left: 5px;
 	bottom: 15px;
 }
-body:not(.show-mon-id) .monster .id{
-	display: none;
-}
 .monster .id::before{
+	content: "No.";
 	font-size: 12px;
 }
-/*.monster .id::before{
-	content: "No.";
-}*/
 .monster .skill-cd{
 	text-align: right;
 }
@@ -708,11 +701,8 @@ body:not(.show-mon-id) .monster .id{
 	right:0;
 	bottom:0;
 }
-body:not(.show-mon-skill-cd) .monster .skill-cd.max-skill {
-	display: none;
-}
 /*显示怪物星级*/
-.show-mon-rarity .monster .rarity::before{
+.monster .rarity::before{
 	position: absolute;
 	left: 3px;
 	top: 10px;
@@ -722,6 +712,17 @@ body:not(.show-mon-skill-cd) .monster .skill-cd.max-skill {
 	-webkit-text-stroke: 1px black;
 	text-shadow: black 1px 1px 1px;
 }
+body:not(.show-card-id) .monster .id, /*卡片id*/
+body:not(.show-card-rarity) .monster .rarity, /*卡片稀有度*/
+body:not(.show-member-skill-cd) .monster .skill-cd.max-skill, /*队员CD*/
+body:not(.show-member-ability) .team-ability, /*队员三维*/
+body:not(.show-member-awoken) :where(.team-assist-awoken , .team-member-awoken, .team-member-types), /*武器觉醒、队员觉醒、队员类型*/
+body:not(.show-team-awoken-count) .team-awoken, /*队伍觉醒统计*/
+body:not(.show-team-attrtype-count) .tIf-addition-info, /*稀有度、属性与类型计数*/
+body:not(.show-team-awoken-effect) .team-awoken-effect /*队伍觉醒效果统计*/
+{
+	display: none;
+}
 
 /*交换队长技的图标*/
 .monster .switch-leader
@@ -774,18 +775,15 @@ body:not(.show-mon-skill-cd) .monster .skill-cd.max-skill {
 {
 	opacity: 0.5;
 }
-
-body:not(.show-awoken-count):not(.solo) .formation-box .team-total-info, /*单个队伍血量统计*/
-body:not(.show-awoken-count) .formation-box .team-ability, /*单个队伍三维*/
-body:not(.show-awoken-count) .formation-box .team-awoken /*单个队伍觉醒统计*/
+body:not(.show-3P-team-total-info):not(.solo) .formation-box .team-total-info /*3P下隐藏队伍血量统计*/
 {
-	display: none !important;
+	display: none;
 }
-body:not(.show-awoken-count):not(.solo) .formation-box .team-bigbox
+body:not(.show-3P-team-total-info):not(.solo) .formation-box .team-bigbox
 {
 	margin-bottom: 5px;
 }
-body:not(.show-awoken-count):not(.solo) .formation-box .team-badge
+body:not(.show-3P-team-total-info):not(.solo) .formation-box .team-badge
 {
 	position: absolute;
 	z-index: 10;
@@ -1276,7 +1274,6 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
 .team-assist-awoken
 {
 	margin-top: 3px;
-	display : none;	
 }
 .member-awoken .awoken-ul,
 .member-types .types-ul
@@ -1296,20 +1293,6 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
 	transform: scale(0.65);
 	margin: calc(-32px * (1 - 0.65) / 2);
 }
-.tIf-addition-info,
-.team-assist-awoken,
-.team-member-awoken,
-.team-member-types
-{
-	display : none;	
-}
-.show-mon-awoken .tIf-addition-info,
-.show-mon-awoken .team-assist-awoken,
-.show-mon-awoken .team-member-awoken,
-.show-mon-awoken .team-member-types
-{
-	display : block;	
-}
 .show-mon-awoken .monster .super-awoken
 {
 	filter: grayscale(100%);

triple.html

@@ -57,18 +57,23 @@ const teamsCount = 3;
 		<div>
 			<a class="down-capture display-none" target="_blank"></a>
 			<button class="btn-qrcode"></button>
-			<button class="btn-capture" onclick="capture();"></button>
+			<button class="btn-capture" onclick="captureScreenshot(formationBox);"></button>
 			<label for="default-level"></label><input id="default-level" type="number" min="1" max="120" placeholder="110"/>
 			<input type="checkbox" name="change-swap-to-copy" id="change-swap-to-copy"><label class="config-checkbox-lbl change-swap-to-copy-lbl" for="change-swap-to-copy"></label>
 		</div>
-		<div>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-id" id="show-mon-id"><label class="config-checkbox-lbl show-mon-id-lbl" for="show-mon-id"><div class="config-checkbox-lbl-cicle"></div></label>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-skill-cd" id="show-mon-skill-cd"><label class="config-checkbox-lbl show-mon-skill-cd-lbl" for="show-mon-skill-cd"><div class="config-checkbox-lbl-cicle"></div></label>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-rarity" id="show-mon-rarity"><label class="config-checkbox-lbl" for="show-mon-rarity"><div class="config-checkbox-lbl-cicle"></div></label>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-awoken-count" id="show-awoken-count" checked><label class="config-checkbox-lbl show-awoken-count-lbl" for="show-awoken-count"><div class="config-checkbox-lbl-cicle"></div></label>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-awoken" id="show-mon-awoken"><label class="config-checkbox-lbl show-mon-awoken-lbl" for="show-mon-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
-		</div>
-		<div class="status"><span class="icon"></span><span class="text"></span></div>
+		<details class="config-display-list">
+			<summary></summary>
+			<input type="checkbox" class="switch-ipt" id="show-card-id"><label class="switch-lbl" for="show-card-id"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-card-rarity"><label class="switch-lbl" for="show-card-rarity"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-member-skill-cd"><label class="switch-lbl" for="show-member-skill-cd"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-member-ability"><label class="switch-lbl" for="show-member-ability"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-member-awoken"><label class="switch-lbl" for="show-member-awoken"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-3P-team-total-info"><label class="switch-lbl" for="show-3P-team-total-info"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-team-awoken-count"><label class="switch-lbl" for="show-team-awoken-count"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-team-attrtype-count"><label class="switch-lbl" for="show-team-attrtype-count"><circle></circle></label>
+			<input type="checkbox" class="switch-ipt" id="show-team-awoken-effect"><label class="switch-lbl" for="show-team-awoken-effect"><circle></circle></label>
+		</details>
+		<div class="status"></div>
 		<div>
 			<span class="lbl-henshin-change"><button class="btn-henshin" data-step="-1" onclick="henshinStep(parseInt(this.dataset.step,10));"></button><button class="btn-henshin" data-step="+1" onclick="henshinStep(parseInt(this.dataset.step,10));"></button></span>
 			<span class="lbl-remove-assist"><button class="btn-remove-assist" onclick="formation.removeAssist();"></span>
@@ -516,106 +521,7 @@ const teamsCount = 3;
 				</ul>
 				<div class="team-awoken">
 					<!--怪物觉醒-->
-					<ul class="awoken-ul">
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="21"></span><span class="count"></span></li><!--S+ -->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="105"></span><span class="count"></span></li><!--S- -->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="28"></span><span class="count"></span></li><!--SX-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="11"></span><span class="count"></span></li><!--防暗-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="12"></span><span class="count"></span></li><!--防废-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="13"></span><span class="count"></span></li><!--防毒-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="54"></span><span class="count"></span></li><!--防云-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="55"></span><span class="count"></span></li><!--防封条-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="45"></span><span class="count"></span></li><!--心追-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="50"></span><span class="count"></span></li><!--方块心追-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="1"></span><span class="count"></span></li><!--HP+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="2"></span><span class="count"></span></li><!--攻击+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="3"></span><span class="count"></span></li><!--回复+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="4"></span><span class="count"></span></li><!--火盾-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="5"></span><span class="count"></span></li><!--水盾-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="6"></span><span class="count"></span></li><!--木盾-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="7"></span><span class="count"></span></li><!--光盾-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="8"></span><span class="count"></span></li><!--暗盾-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="9"></span><span class="count"></span></li><!--自回-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="10"></span><span class="count"></span></li><!--防封-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="14"></span><span class="count"></span></li><!--火+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="15"></span><span class="count"></span></li><!--水+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="16"></span><span class="count"></span></li><!--木+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="17"></span><span class="count"></span></li><!--光+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="18"></span><span class="count"></span></li><!--暗+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="19"></span><span class="count"></span></li><!--手指-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="20"></span><span class="count"></span></li><!--心解-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="22"></span><span class="count"></span></li><!--火横-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="23"></span><span class="count"></span></li><!--水横-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="24"></span><span class="count"></span></li><!--木横-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="25"></span><span class="count"></span></li><!--光横-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="26"></span><span class="count"></span></li><!--暗横-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="27"></span><span class="count"></span></li><!--U-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="29"></span><span class="count"></span></li><!--心+-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="30"></span><span class="count"></span></li><!--协力-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="31"></span><span class="count"></span></li><!--龙杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="32"></span><span class="count"></span></li><!--神杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="33"></span><span class="count"></span></li><!--恶魔杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="34"></span><span class="count"></span></li><!--机杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="35"></span><span class="count"></span></li><!--平衡杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="36"></span><span class="count"></span></li><!--攻击杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="37"></span><span class="count"></span></li><!--体力杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="38"></span><span class="count"></span></li><!--回复杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="39"></span><span class="count"></span></li><!--进化杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="40"></span><span class="count"></span></li><!--觉醒杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="41"></span><span class="count"></span></li><!--强化杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="42"></span><span class="count"></span></li><!--卖钱杀-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="43"></span><span class="count"></span></li><!--7c-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="44"></span><span class="count"></span></li><!--5色破防-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="46"></span><span class="count"></span></li><!--全体HP-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="47"></span><span class="count"></span></li><!--全体回复-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="48"></span><span class="count"></span></li><!--破无效-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="49"></span><span class="count"></span></li><!--武器觉醒-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="51"></span><span class="count"></span></li><!--5色溜-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="52"></span><span class="count"></span></li><!--大防封-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="53"></span><span class="count"></span></li><!--大手指-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="56"></span><span class="count"></span></li><!--大SB-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="57"></span><span class="count"></span></li><!--满血强化-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="58"></span><span class="count"></span></li><!--下半血强化-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="59"></span><span class="count"></span></li><!--L盾-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="60"></span><span class="count"></span></li><!--L解锁-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="61"></span><span class="count"></span></li><!--10c-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="62"></span><span class="count"></span></li><!--c珠-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="63"></span><span class="count"></span></li><!--语音-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="64"></span><span class="count"></span></li><!--奖励增加-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="65"></span><span class="count"></span></li><!--HP--->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="66"></span><span class="count"></span></li><!--攻击--->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="67"></span><span class="count"></span></li><!--回复--->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="68"></span><span class="count"></span></li><!--大防暗-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="69"></span><span class="count"></span></li><!--大防废-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="70"></span><span class="count"></span></li><!--大防毒-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="71"></span><span class="count"></span></li><!--掉废-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="72"></span><span class="count"></span></li><!--掉毒-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="73"></span><span class="count"></span></li><!--2串火-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="74"></span><span class="count"></span></li><!--2串水-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="75"></span><span class="count"></span></li><!--2串木-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="76"></span><span class="count"></span></li><!--2串光-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="77"></span><span class="count"></span></li><!--2串暗-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="78"></span><span class="count"></span></li><!--十字-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="79"></span><span class="count"></span></li><!--3色-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="80"></span><span class="count"></span></li><!--4色-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="81"></span><span class="count"></span></li><!--5色-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="82"></span><span class="count"></span></li><!--12珠-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="83"></span><span class="count"></span></li><!--附加神类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="84"></span><span class="count"></span></li><!--附加龙类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="85"></span><span class="count"></span></li><!--附加恶魔类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="86"></span><span class="count"></span></li><!--附加机械类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="87"></span><span class="count"></span></li><!--附加平衡类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="88"></span><span class="count"></span></li><!--附加攻击类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="89"></span><span class="count"></span></li><!--附加体力类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="90"></span><span class="count"></span></li><!--附加回复类型-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="91"></span><span class="count"></span></li><!--附加火属性-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="92"></span><span class="count"></span></li><!--附加水属性-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="93"></span><span class="count"></span></li><!--附加木属性-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="94"></span><span class="count"></span></li><!--附加光属性-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="95"></span><span class="count"></span></li><!--附加暗属性-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="106"></span><span class="count"></span></li><!--浮游-->
-						<li class="awoken-count display-none"><span class="awoken-icon" data-awoken-icon="126"></span><span class="count"></span></li><!--T字-->
-					</ul>
+					<ul class="awoken-ul"></ul>
 				</div>
 			</li>
 			<li class="team-bigbox team-2 show-team-name-right">
@@ -1712,7 +1618,7 @@ const teamsCount = 3;
 		<button id="insert-latent-icon" title="Insert Latent Icon"></button>
 		<button id="insert-type-icon" title="Insert Type Icon"></button>
 		<button id="insert-orb-icon" title="Insert Orb Icon"></button>
-		<input type="checkbox" class="config-checkbox-ipt" id="siwtch-code-mode"><label class="config-checkbox-lbl" for="siwtch-code-mode" title="Code Mode"><div class="config-checkbox-lbl-cicle"></div></label>
+		<input type="checkbox" class="switch-ipt" id="siwtch-code-mode"><label class="config-checkbox-lbl" for="siwtch-code-mode" title="Code Mode"><circle></circle></label>
 	</div>
 	<div class="edit-box display-none">
 		<div class="edit-box-title"><!--修改怪物--></div>
@@ -1754,7 +1660,7 @@ const teamsCount = 3;
 					<li><input type="radio" name="attr-3" class="attr-radio" value="0010000" id="search-attr-3-4" /><label for="search-attr-3-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
 					<li><input type="radio" name="attr-3" class="attr-radio" value="1000000" id="search-attr-3-6" /><label for="search-attr-3-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
 				</ul>
-				<div class="options"><button id="avatar-save" class="display-none">💾</button><input type="checkbox" name="fix-main-color" id="fix-main-color" checked><label class="config-checkbox-lbl fix-main-color-label" for="fix-main-color"></label></div>
+				<div class="options"><button id="avatar-save" class="display-none">💾</button><input type="checkbox" name="fix-main-color" id="fix-main-color" checked><label class="switch-lbl" for="fix-main-color"></label></div>
 			</div>
 			<div class="types-div"><!--类型-->
 				<ul class="type-list">
@@ -1772,7 +1678,7 @@ const teamsCount = 3;
 					<li data-type-icon="15"><input type="checkbox" class="type-check" name="types" value="15" id="search-type-15" /><label class="type-icon" data-type-icon="15" for="search-type-15"><!--販賣用--></label></li>
 					<!--<li><input type="checkbox" class="type-check" name="types" value="9" id="search-type-9" /><label class="display-none" data-type-icon="9" for="search-type-9"></label></li>--><!--特别保护-->
 				</ul>
-				<input type="checkbox" class="config-checkbox-ipt" name="type-and-or" id="type-and-or" checked><label class="config-checkbox-lbl type-and-or-label" for="type-and-or"><div class="config-checkbox-lbl-cicle"></div></label>
+				<input type="checkbox" class="switch-ipt" name="type-and-or" id="type-and-or" checked><label class="switch-lbl" for="type-and-or"><circle></circle></label>
 				<ul class="latent-list">
 					<li class="latent-icon" data-latent-icon="20"></li><!--神杀-->
 					<li class="latent-icon" data-latent-icon="21"></li><!--龙杀-->
@@ -1801,9 +1707,9 @@ const teamsCount = 3;
 			</div>
 			<div class="awoken-div"><!--觉醒-->
 				<div class="awoken-option"><!--觉醒搜索选项开关-->
-					<input type="checkbox" name="consider-equivalent-awoken" id="consider-equivalent-awoken" checked><label class="config-checkbox-lbl consider-equivalent-awoken-label" for="consider-equivalent-awoken"></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="include-super-awoken" id="include-super-awoken" checked><label class="config-checkbox-lbl include-super-awoken-label" for="include-super-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="show-official-awoken-sorting" id="show-official-awoken-sorting"><label class="config-checkbox-lbl show-official-awoken-sorting-label" for="show-official-awoken-sorting"><div class="config-checkbox-lbl-cicle"></div></label>
+					<input type="checkbox" name="consider-equivalent-awoken" id="consider-equivalent-awoken" checked><label class="switch-lbl" for="consider-equivalent-awoken"></label>
+					<input type="checkbox" class="switch-ipt" name="include-super-awoken" id="include-super-awoken" checked><label class="switch-lbl" for="include-super-awoken"><circle></circle></label>
+					<input type="checkbox" class="switch-ipt" name="show-official-awoken-sorting" id="show-official-awoken-sorting"><label class="switch-lbl" for="show-official-awoken-sorting"><circle></circle></label>
 				</div>
 				<div class="selected-awokens-div"><!--选中的觉醒列表-->
 					<ul class="awoken-ul selected-awokens">
@@ -2081,7 +1987,7 @@ const teamsCount = 3;
 				</ul>
 			</div>
 			<div class="fast-switch">
-				<input type="checkbox" name="can-assist" id="can-assist"><label class="config-checkbox-lbl can-assist-label" for="can-assist"></label>
+				<input type="checkbox" name="can-assist" id="can-assist"><label class="switch-lbl" for="can-assist"></label>
 				<input type="checkbox" name="can-level-limit-breakthrough" id="can-level-limit-breakthrough"><label class="config-checkbox-lbl" for="can-level-limit-breakthrough"></label>
 				<input type="checkbox" name="have-8-latent-slot" id="have-8-latent-slot"><label class="config-checkbox-lbl" for="have-8-latent-slot"></label>
 				<input type="checkbox" name="not-weapon" id="not-weapon"><label class="config-checkbox-lbl" for="not-weapon"></label>
@@ -2092,14 +1998,14 @@ const teamsCount = 3;
 				<button class="search-clear"><!--清空搜索条件--></button>
 				<button class="search-share"><!--分享搜索内容--></button>
 				<div class="additional-div"><!--额外显示栏-->
-					<input type="checkbox" class="config-checkbox-ipt" name="add-show-CD" id="add-show-CD"><label class="config-checkbox-lbl add-show-CD-label" for="add-show-CD"><div class="config-checkbox-lbl-cicle"></div></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="add-show-abilities" id="add-show-abilities"><label class="config-checkbox-lbl add-show-abilities-label" for="add-show-abilities"><div class="config-checkbox-lbl-cicle"></div></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="add-show-abilities-with-awoken" id="add-show-abilities-with-awoken"><label class="config-checkbox-lbl add-show-abilities-with-awoken-label" for="add-show-abilities-with-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
-					<input type="checkbox" class="config-checkbox-ipt" name="add-show-awoken" id="add-show-awoken"><label class="config-checkbox-lbl add-show-awoken-label" for="add-show-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
+					<input type="checkbox" class="switch-ipt" name="add-show-CD" id="add-show-CD"><label class="switch-lbl" for="add-show-CD"><circle></circle></label>
+					<input type="checkbox" class="switch-ipt" name="add-show-abilities" id="add-show-abilities"><label class="switch-lbl" for="add-show-abilities"><circle></circle></label>
+					<input type="checkbox" class="switch-ipt" name="add-show-abilities-with-awoken" id="add-show-abilities-with-awoken"><label class="switch-lbl" for="add-show-abilities-with-awoken"><circle></circle></label>
+					<input type="checkbox" class="switch-ipt" name="add-show-awoken" id="add-show-awoken"><label class="switch-lbl" for="add-show-awoken"><circle></circle></label>
 				</div>
 				<div class="sort-div"><!--排序栏-->
 					<select class="sort-list"></select>
-					<input type="checkbox" class="config-checkbox-ipt" name="sort-reverse" id="sort-reverse"><label class="config-checkbox-lbl sort-reverse-label" for="sort-reverse"><div class="config-checkbox-lbl-cicle"></div></label>
+					<input type="checkbox" class="switch-ipt" name="sort-reverse" id="sort-reverse"><label class="switch-lbl" for="sort-reverse"><circle></circle></label>
 					<div class="search-list-length"></div>
 				</div>
 			</div>
@@ -2160,7 +2066,7 @@ const teamsCount = 3;
 		</div>
 		<div class="setting-box">
 			<div class="setting-row row-mon-id">
-				<input type="checkbox" class="config-checkbox-ipt" name="real-time-change-card" id="real-time-change-card"><label class="config-checkbox-lbl real-time-change-card-label" for="real-time-change-card"><div class="config-checkbox-lbl-cicle"></div></label>
+				<input type="checkbox" class="switch-ipt" name="real-time-change-card" id="real-time-change-card"><label class="switch-lbl" for="real-time-change-card"><circle></circle></label>
 				<button class="open-evolutionary-tree display-none"></button>
 				<button class="search-evolution-by-this display-none"><icon class="type-icon" data-type-icon="0"></icon></button>
 				<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
@@ -2294,8 +2200,8 @@ const teamsCount = 3;
 					<div class="skill-box">
 						<div class="skill-title"><div class="type-title"></div><span class="skill-name"></span>
 							<div class="skill-parse-control">
-								<input type="checkbox" class="config-checkbox-ipt" name="show-skill-original" id="show-skill-original"><label class="config-checkbox-lbl" for="show-skill-original"><div class="config-checkbox-lbl-cicle"></div></label>
-								<input type="checkbox" class="config-checkbox-ipt" name="merge-skill" id="merge-skill" checked><label class="config-checkbox-lbl" for="merge-skill"><div class="config-checkbox-lbl-cicle"></div></label>
+								<input type="checkbox" class="switch-ipt" name="show-skill-original" id="show-skill-original"><label class="switch-lbl" for="show-skill-original"><circle></circle></label>
+								<input type="checkbox" class="switch-ipt" name="merge-skill" id="merge-skill" checked><label class="switch-lbl" for="merge-skill"><circle></circle></label>
 							</div>
 						</div>
 						<div class="skill-datail-original"></div>