From 8c6a9df6815b8b852c152d23f25e53b801d3f720 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Sun, 14 Jan 2024 00:04:16 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/hutaoAbyss/hta-overlay-overview.vue | 1 +
 src/components/hutaoAbyss/hta-tab-hold.vue         | 9 ++++-----
 src/components/hutaoAbyss/hta-tab-team.vue         | 8 ++------
 src/components/hutaoAbyss/hta-tab-up.vue           | 7 +------
 src/components/hutaoAbyss/hta-tab-use.vue          | 7 +------
 src/components/wiki/twc-list-item.vue              | 1 +
 6 files changed, 10 insertions(+), 23 deletions(-)

diff --git a/src/components/hutaoAbyss/hta-overlay-overview.vue b/src/components/hutaoAbyss/hta-overlay-overview.vue
index 33624cef..73fa306d 100644
--- a/src/components/hutaoAbyss/hta-overlay-overview.vue
+++ b/src/components/hutaoAbyss/hta-overlay-overview.vue
@@ -97,5 +97,6 @@ function onCancel(): void {
   color: var(--tgc-yellow-1);
   font-size: 14px;
   text-align: right;
+  text-shadow: 0 0 5px var(--tgc-dark-7);
 }
 </style>
diff --git a/src/components/hutaoAbyss/hta-tab-hold.vue b/src/components/hutaoAbyss/hta-tab-hold.vue
index 32cb7eaf..045c9618 100644
--- a/src/components/hutaoAbyss/hta-tab-hold.vue
+++ b/src/components/hutaoAbyss/hta-tab-hold.vue
@@ -27,7 +27,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import TibWikiAbyss2 from "../itembox/tib-wiki-abyss-2.vue";
 
 interface HtaTabHoldProps {
@@ -38,23 +37,23 @@ const props = defineProps<HtaTabHoldProps>();
 </script>
 <style lang="css" scoped>
 .hta-th-box {
-  width: calc(100% - 10px);
   height: 100%;
   max-height: calc(100vh - 120px);
-  padding: 10px;
-  border: 1px inset var(--common-bg-1);
+  padding-right: 5px;
   border-radius: 5px;
   overflow-y: auto;
 }
 
 .hta-th-table {
   width: 100%;
+  border-radius: 5px;
+  background: var(--box-bg-1);
   text-align: center;
 }
 
 .hta-th-tr {
   border-radius: 5px;
-  background: var(--common-bg-1);
+  background: var(--box-bg-2);
   border-collapse: collapse;
 }
 
diff --git a/src/components/hutaoAbyss/hta-tab-team.vue b/src/components/hutaoAbyss/hta-tab-team.vue
index f53c4f04..f6c960be 100644
--- a/src/components/hutaoAbyss/hta-tab-team.vue
+++ b/src/components/hutaoAbyss/hta-tab-team.vue
@@ -71,16 +71,12 @@ onMounted(async () => {
 .hta-tt-box {
   width: calc(100% - 10px);
   height: 100%;
-  border: 1px inset var(--common-bg-1);
-  border-radius: 5px;
-  margin: 5px;
 }
 
 .hta-tt-tab {
   position: absolute;
   height: 100%;
-  color: var(--common-text-title);
-  font-family: var(--font-text);
+  color: var(--box-text-4);
 }
 
 .hta-tt-window {
@@ -129,7 +125,7 @@ onMounted(async () => {
   justify-content: flex-start;
   padding: 5px;
   border-radius: 5px;
-  background: var(--common-bg-1);
+  background: var(--box-bg-1);
   column-gap: 10px;
 }
 
diff --git a/src/components/hutaoAbyss/hta-tab-up.vue b/src/components/hutaoAbyss/hta-tab-up.vue
index 9854db24..24f9b43f 100644
--- a/src/components/hutaoAbyss/hta-tab-up.vue
+++ b/src/components/hutaoAbyss/hta-tab-up.vue
@@ -43,18 +43,13 @@ onMounted(async () => {
 </script>
 <style lang="css" scoped>
 .hta-tu-box {
-  width: calc(100% - 10px);
   height: 100%;
-  border: 1px inset var(--common-bg-1);
-  border-radius: 5px;
-  margin: 5px;
 }
 
 .hta-tu-tab {
   position: absolute;
   height: 100%;
-  color: var(--common-text-title);
-  font-family: var(--font-text);
+  color: var(--box-text-4);
 }
 
 .hta-tu-window {
diff --git a/src/components/hutaoAbyss/hta-tab-use.vue b/src/components/hutaoAbyss/hta-tab-use.vue
index 5d68cf90..9636bf3e 100644
--- a/src/components/hutaoAbyss/hta-tab-use.vue
+++ b/src/components/hutaoAbyss/hta-tab-use.vue
@@ -43,18 +43,13 @@ onMounted(async () => {
 </script>
 <style lang="css" scoped>
 .hta-tu-box {
-  width: calc(100% - 10px);
   height: 100%;
-  border: 1px inset var(--common-bg-1);
-  border-radius: 5px;
-  margin: 5px;
 }
 
 .hta-tu-tab {
   position: absolute;
   height: 100%;
-  color: var(--common-text-title);
-  font-family: var(--font-text);
+  color: var(--box-text-4);
 }
 
 .hta-tu-window {
diff --git a/src/components/wiki/twc-list-item.vue b/src/components/wiki/twc-list-item.vue
index 79595c4a..b4c3f31e 100644
--- a/src/components/wiki/twc-list-item.vue
+++ b/src/components/wiki/twc-list-item.vue
@@ -51,6 +51,7 @@ function getIcon(): string {
   border: 1px solid var(--common-shadow-1);
   border-radius: 5px;
   background: v-bind(bgColor);
+  cursor: pointer;
   gap: 10px;
 }