Update index.md

index.md

@@ -12,22 +12,28 @@ group: home
     line-height: 1.6; /* 行高 */;
   }
    .mind-title {
-    text-align: center; /* 整个块居中对齐 */
-    margin: 0 auto;
-    margin-top: 0;
-  }
-  .mind-title span {
-    text-align: center; /* 整个块居中对齐 */
-    margin: 0 auto;
+    text-align: center; /* 确保文字居中对齐 */
+    margin: 0 auto; /* 将整个块居中 */
     margin-top: 0;
+    display: flex; /* 使用 Flexbox 布局 */
+    justify-content: center; /* Flex 子元素水平居中 */
+    align-items: center; /* Flex 子元素垂直居中（如果需要） */
+    flex-wrap: wrap; /* 如果内容过长，允许换行 */
+    max-width: 100%; /* 确保宽度不会受限 */
+}
+
+.mind-title span {
     display: inline-block; /* 保证文字内容是行内块级元素 */
     font-size: 28px;
     font-weight: bold;
-  }
-  .mind-title span.large {
+    text-align: center; /* 内容居中对齐 */
+}
+
+.mind-title span.large {
     font-size: 30px;
     font-family: 'Dancing Script', cursive;
-  }
+}
+
 </style>