From 0a0a22add32bcd33a93b613fb1d21b66ffce2ca7 Mon Sep 17 00:00:00 2001
From: sanbuphy <physicoada@gmail.com>
Date: Tue, 13 Jan 2026 14:42:51 +0800
Subject: [PATCH] style(theme): adjust tagline styles for typewriter effect

Hide default tagline and add responsive styles for typewriter container to match original design
---
 docs/.vitepress/theme/Layout.vue | 34 ++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue
index 9e9b997..67a33cb 100644
--- a/docs/.vitepress/theme/Layout.vue
+++ b/docs/.vitepress/theme/Layout.vue
@@ -190,6 +190,40 @@ watch(lineHeight, (next) => {
 </template>
 
 <style>
+/* 隐藏默认的 tagline，因为我们用打字机效果替代了它 */
+.VPHomeHero .tagline {
+  display: none !important;
+}
+
+/* 调整打字机容器的样式，使其看起来像原来的 tagline */
+.vp-typed-tagline {
+  padding-top: 8px;
+  line-height: 28px;
+  font-size: 18px;
+  font-weight: 500;
+  white-space: pre-wrap;
+  color: var(--vp-c-text-2);
+  min-height: 28px;
+  display: flex;
+  /* 确保左对齐 */
+  text-align: left;
+  justify-content: flex-start;
+}
+
+@media (min-width: 640px) {
+  .vp-typed-tagline {
+    line-height: 32px;
+    font-size: 20px;
+  }
+}
+
+@media (min-width: 960px) {
+  .vp-typed-tagline {
+    line-height: 36px;
+    font-size: 24px;
+  }
+}
+
 .ev-fontsize-button {
   display: inline-flex;
   align-items: center;