fix: 修改字号

packages/web/src/components/footer.vue

@@ -256,11 +256,11 @@ a:hover {
     box-sizing: border-box;
     min-height: auto;
   }
-  .top,
   .infos-list {
     flex-direction: column;
   }
   .top {
+    flex-direction: column;
     .left {
       padding: 0;
       .my-1 {

packages/web/src/pages/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="max-w-screen-xl content my-0 mx-auto">
     <template v-for="(item, index) in list">
-      <div v-if="item.children?.length"  :key="index" class="title-box m-b-[80px]">
+      <div v-if="item.children?.length" :key="index" class="title-box m-b-[80px]">
         <template v-if="item.children?.length">
           <n-h1 class="home-title text-center mb-[80px] font-size-[40px] font-500">{{
             item.title
@@ -353,6 +353,9 @@ const handleNext = () => {
   }
 }
 [is-mobile] {
+  .content {
+    margin-top: -2rem;
+  }
   .title-box {
     margin-bottom: 0;
     margin-top: 1.0667rem;

packages/web/src/pages/showcate/[id].vue

@@ -234,7 +234,7 @@ const handleBreadcrumb = (bread: TreeNode) => {
     display: flex;
     align-items: center;
     justify-content: flex-start;
-    padding:0 .5333rem;
+    padding: 0 0.5333rem;
     overflow-x: auto;
     :deep(.n-breadcrumb) {
       ul {
@@ -304,7 +304,7 @@ const handleBreadcrumb = (bread: TreeNode) => {
       .cate-list {
         li {
           span {
-            font-size: 0.5333rem;
+            font-size:.3733rem;
           }
         }
       }

packages/web/src/pages/showdoc/[id].vue

@@ -74,7 +74,7 @@
         </div>
         <div class="infos flex-1 pages w-[calc(100%-80px)] px-[40px] mb-[80px] overflow-hidden">
           <div class="box bb-1px_#EBEBEB color-[#999999]">
-            <n-h1 class="font-700"> {{ detail.title }}</n-h1>
+            <n-h2 class="font-700"> {{ detail.title }}</n-h2>
             <span class="flex flex-row gap-col-6 pb-[15px]">
               <p class="time">
                 {{ $t('publish') }} {{ dayjs(detail.createTime).format('YYYY-MM-DD') }}
@@ -444,7 +444,7 @@ const handleBreadcrumb = (bread: TreeNode) => {
       margin-bottom: 1.6rem;
       .box {
         font-weight: 500;
-        font-size: 0.5333rem;
+        font-size: 0.5333rem !important;
         color: #000000;
         line-height: 0.8rem;
         .time {