From c27d3af5db02818a8199d161979efdfc81a3395f Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Sun, 15 Oct 2023 17:04:44 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E7=A8=8D=E5=BE=AE=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E4=BA=86=E4=B8=80=E4=B8=8B=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/anno-parser.css | 15 +++++++++------
 src/views/t-anno-json.vue      |  8 +++++---
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/assets/css/anno-parser.css b/src/assets/css/anno-parser.css
index 21b5b3c5..7787b7b3 100644
--- a/src/assets/css/anno-parser.css
+++ b/src/assets/css/anno-parser.css
@@ -1,8 +1,7 @@
 /*
  * @file assets css post-parser.css
  * @description 游戏公告解析 css
- * @author BTMuli <bt-muli@outlook.com
- * @since Alpha v0.2.0
+ * @since Beta v0.3.3
  */
 
 .anno-body {
@@ -11,15 +10,19 @@
   font-family: var(--font-text);
 }
 
-.anno-title {
+.anno-title,
+.anno-subtitle {
   color: var(--common-text-title);
   font-family: var(--font-title);
+}
+
+.anno-title {
   font-size: 24px;
 }
 
 .anno-subtitle {
-  color: var(--common-text-quote);
-  font-size: 16px;
+  font-size: 18px;
+  opacity: 0.5;
 }
 
 .anno-img {
@@ -27,7 +30,7 @@
   max-width: 100%;
   height: auto;
   border-radius: 10px;
-  margin-bottom: 10px;
+  margin: 10px auto;
 }
 
 .anno-content {
diff --git a/src/views/t-anno-json.vue b/src/views/t-anno-json.vue
index beb605c1..8910c2e6 100644
--- a/src/views/t-anno-json.vue
+++ b/src/views/t-anno-json.vue
@@ -54,15 +54,17 @@ onMounted(async () => {
 .anno-json {
   padding: 20px;
   border-radius: 20px;
-  font-family: Consolas, serif;
+  font-family: var(--font-text);
 }
 
 .anno-title {
-  margin: 20px 0;
+  width: 100%;
+  margin: 10px 0;
   color: #546d8b;
-  font-family: Genshin-Light, serif;
+  font-family: var(--font-title);
   font-size: 20px;
   font-weight: 600;
+  text-align: right;
 }
 
 .jv-container {