docs: sponsor done

Author: NelsonYong

packages/sponsor/src/banner.ts

@@ -36,13 +36,13 @@ export class Banner extends HTMLElement {
     if (lang === 'zh-Hans') {
       return `
     <div class="sponsor-message">
-     如果这个项目对你 <span>有帮助</span>，您可以 <button class="sponsor-btn">赞助</button> 我们来帮助项目更好地发展！
+     如果这个项目对你 <span>有帮助</span>，您可以 <button class="sponsor-btn">赞助</button> 我们来帮助项目更好地发展！感谢你的支持 ❤️
     </div>
     `
     }
     return `
       <div class="sponsor-message">
-        If this project helps you <span>in any way</span>, you can <button class="sponsor-btn">sponsor</button> us to help the project grow better!
+        If this project <span>helps you in any way</span>, you can <button class="sponsor-btn">Sponsor</button> us to help the project grow better! Thanks for your support! ❤️ 
       </div>
       `
   }

packages/sponsor/src/styles/app.css

@@ -7,13 +7,14 @@
   align-items: center;
   width: 100%;
   /* 改用 100% 替代 100vw */
-  height: 72px;
+  min-height: 72px;
   background: #0f172a;
   padding: 20px 28px;
   box-sizing: border-box;
   justify-content: space-between;
   gap: 5px;
-  position: relative;
+  position: fixed;
+  overflow-x: hidden;
   z-index: 1000;
   pointer-events: auto;
   /* 确保元素可以响应点击事件 */
@@ -72,17 +73,17 @@
 /* mobile */
 @media (max-width: 768px) {
   .sponsor-message {
-    line-height: 1;
+    line-height: 1.6;
     font-weight: 600;
   }
 
   .vhp-widget-sponsor-thumbnail {
     width: 100%;
     display: flex;
     justify-content: flex-start;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
+    /* display: -webkit-box; */
+    /* -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical; */
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;