diff --git a/components.d.ts b/components.d.ts
index cb5453a2..ce7ab422 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -41,6 +41,7 @@ declare module 'vue' {
     IconFluentArrowBounce20Regular: typeof import('~icons/fluent/arrow-bounce20-regular')['default']
     IconFluentArrowCircleRight16Regular: typeof import('~icons/fluent/arrow-circle-right16-regular')['default']
     IconFluentArrowClockwise20Regular: typeof import('~icons/fluent/arrow-clockwise20-regular')['default']
+    IconFluentArrowDownload20Regular: typeof import('~icons/fluent/arrow-download20-regular')['default']
     IconFluentArrowLeft16Regular: typeof import('~icons/fluent/arrow-left16-regular')['default']
     IconFluentArrowRepeatAll20Regular: typeof import('~icons/fluent/arrow-repeat-all20-regular')['default']
     IconFluentArrowRight16Regular: typeof import('~icons/fluent/arrow-right16-regular')['default']
@@ -48,6 +49,7 @@ declare module 'vue' {
     IconFluentArrowShuffle20Filled: typeof import('~icons/fluent/arrow-shuffle20-filled')['default']
     IconFluentArrowSort20Regular: typeof import('~icons/fluent/arrow-sort20-regular')['default']
     IconFluentArrowSwap20Regular: typeof import('~icons/fluent/arrow-swap20-regular')['default']
+    IconFluentBook20Regular: typeof import('~icons/fluent/book20-regular')['default']
     IconFluentBookLetter20Regular: typeof import('~icons/fluent/book-letter20-regular')['default']
     IconFluentBookNumber20Filled: typeof import('~icons/fluent/book-number20-filled')['default']
     IconFluentCalendarDate20Regular: typeof import('~icons/fluent/calendar-date20-regular')['default']
@@ -61,6 +63,8 @@ declare module 'vue' {
     IconFluentChevronLeft20Filled: typeof import('~icons/fluent/chevron-left20-filled')['default']
     IconFluentChevronLeft28Filled: typeof import('~icons/fluent/chevron-left28-filled')['default']
     IconFluentChevronUp20Filled: typeof import('~icons/fluent/chevron-up20-filled')['default']
+    IconFluentClock20Regular: typeof import('~icons/fluent/clock20-regular')['default']
+    IconFluentCopy20Regular: typeof import('~icons/fluent/copy20-regular')['default']
     IconFluentCrown20Regular: typeof import('~icons/fluent/crown20-regular')['default']
     IconFluentDatabasePerson20Regular: typeof import('~icons/fluent/database-person20-regular')['default']
     IconFluentDelete20Regular: typeof import('~icons/fluent/delete20-regular')['default']
@@ -79,6 +83,7 @@ declare module 'vue' {
     IconFluentMyLocation20Regular: typeof import('~icons/fluent/my-location20-regular')['default']
     IconFluentNumberSymbol20Regular: typeof import('~icons/fluent/number-symbol20-regular')['default']
     IconFluentPaddingLeft20Regular: typeof import('~icons/fluent/padding-left20-regular')['default']
+    IconFluentPen20Regular: typeof import('~icons/fluent/pen20-regular')['default']
     IconFluentPerson20Regular: typeof import('~icons/fluent/person20-regular')['default']
     IconFluentPhone20Regular: typeof import('~icons/fluent/phone20-regular')['default']
     IconFluentPlay20Regular: typeof import('~icons/fluent/play20-regular')['default']
@@ -87,14 +92,17 @@ declare module 'vue' {
     IconFluentSearch20Regular: typeof import('~icons/fluent/search20-regular')['default']
     IconFluentSearch24Regular: typeof import('~icons/fluent/search24-regular')['default']
     IconFluentSettings20Regular: typeof import('~icons/fluent/settings20-regular')['default']
+    IconFluentShare20Regular: typeof import('~icons/fluent/share20-regular')['default']
     IconFluentShieldQuestion20Regular: typeof import('~icons/fluent/shield-question20-regular')['default']
     IconFluentSlideTextTitleEdit20Regular: typeof import('~icons/fluent/slide-text-title-edit20-regular')['default']
+    IconFluentSparkle20Regular: typeof import('~icons/fluent/sparkle20-regular')['default']
     IconFluentSpeakerEdit20Regular: typeof import('~icons/fluent/speaker-edit20-regular')['default']
     IconFluentSpeakerSettings20Regular: typeof import('~icons/fluent/speaker-settings20-regular')['default']
     IconFluentStar16Filled: typeof import('~icons/fluent/star16-filled')['default']
     IconFluentStar16Regular: typeof import('~icons/fluent/star16-regular')['default']
     IconFluentStar20Filled: typeof import('~icons/fluent/star20-filled')['default']
     IconFluentStarAdd16Regular: typeof import('~icons/fluent/star-add16-regular')['default']
+    IconFluentTarget20Regular: typeof import('~icons/fluent/target20-regular')['default']
     IconFluentTextBulletListSquare20Regular: typeof import('~icons/fluent/text-bullet-list-square20-regular')['default']
     IconFluentTextEditStyle20Regular: typeof import('~icons/fluent/text-edit-style20-regular')['default']
     IconFluentTextListAbcUppercaseLtr20Regular: typeof import('~icons/fluent/text-list-abc-uppercase-ltr20-regular')['default']
@@ -105,11 +113,17 @@ declare module 'vue' {
     IconFluentWeatherSunny16Regular: typeof import('~icons/fluent/weather-sunny16-regular')['default']
     IconIconParkOutlineAddMusic: typeof import('~icons/icon-park-outline/add-music')['default']
     IconIxWechatLogo: typeof import('~icons/ix/wechat-logo')['default']
+    IconMaterialSymbolsMail: typeof import('~icons/material-symbols/mail')['default']
+    IconMdiSparkles: typeof import('~icons/mdi/sparkles')['default']
     IconPhExportLight: typeof import('~icons/ph/export-light')['default']
+    IconRiTwitterFill: typeof import('~icons/ri/twitter-fill')['default']
+    IconSimpleIconsGithub: typeof import('~icons/simple-icons/github')['default']
     IconSimpleIconsWechat: typeof import('~icons/simple-icons/wechat')['default']
+    IconSimpleIconsXiaohongshu: typeof import('~icons/simple-icons/xiaohongshu')['default']
     IconStreamlineDiscountPercentCoupon: typeof import('~icons/streamline/discount-percent-coupon')['default']
     IconSystemUiconsImport: typeof import('~icons/system-uicons/import')['default']
     IconUiwAlipay: typeof import('~icons/uiw/alipay')['default']
+    IconUiwQq: typeof import('~icons/uiw/qq')['default']
     InputNumber: typeof import('./src/components/base/InputNumber.vue')['default']
     List: typeof import('./src/components/list/List.vue')['default']
     Logo: typeof import('./src/components/Logo.vue')['default']
diff --git a/public/static-home.html b/public/static-home.html
index 339e5240..ca173fa4 100644
--- a/public/static-home.html
+++ b/public/static-home.html
@@ -171,6 +171,7 @@
             transform: translate(-50%, -50%);
             background: rgb(247, 247, 247);
             width: 30rem;
+            max-width: 85vw;
             border-radius: 1rem;
             display: none;
             opacity: 0;
@@ -225,8 +226,8 @@
             margin-bottom: 1rem;
         }
 
-        .w {
-            width: 60vw;
+        .container {
+            width: min(1200px, 92%);
         }
 
         .sky-img {
@@ -235,11 +236,33 @@
         }
 
         .card-wrap {
-            display: flex;
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
             margin-bottom: 1.2rem;
             gap: 1rem;
         }
 
+        .card { width: auto; }
+
+        @media (max-width: 768px) {
+            h1 { font-size: 3rem !important; }
+            .content { margin-top: 4rem; gap: 1.4rem; }
+            .base-button { width: 100%; margin: .5rem 0; height: 2.8rem; font-size: 1rem; }
+            .base-button + .base-button{margin-left: 0;}
+            .bottom { flex-direction: column; align-items: flex-start; gap: .6rem; }
+            .sky a { width: 100% !important; }
+            .sky-img { width: 100%; }
+        }
+
+        @media (max-width: 480px) {
+            h1 { font-size: 2.4rem !important; }
+            .content { margin-top: 3.2rem; gap: 1.2rem; }
+        }
+
+
+        html, body { -webkit-tap-highlight-color: transparent; }
+        .icon { padding: .2rem; }
+
         .bottom {
             display: flex;
             gap: 1rem;
@@ -348,7 +371,7 @@
                      class="sky-img"></a>
             <span>赞助：<a href="https://skywork.ai/p/GrXQb4" class="color-blue!" target="_blank">Skywork.AI: 10 tasks in 1 hour, not 10 hours →Limited free spots: 127 left</a></span>
         </div>
-        <div class="w">
+        <div class="container">
             <div class="card-wrap">
                 <div class="card">
                     <div class="emoji">📚</div>
diff --git a/src/pages/setting/Setting.vue b/src/pages/setting/Setting.vue
index 71303380..b90b8388 100644
--- a/src/pages/setting/Setting.vue
+++ b/src/pages/setting/Setting.vue
@@ -686,6 +686,14 @@ function importOldData() {
         </div>
 
         <div v-if="tabIndex === 5">
+          <div class="log-item">
+            <div class="mb-2">
+              <div>
+                <div>日期：2025/11/22</div>
+                <div>内容：适配移动端</div>
+              </div>
+            </div>
+          </div>
           <div class="log-item">
             <div class="mb-2">
               <div>