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;
 }