From 003216514091aae7ce75df5442bad6fbe0a4b2a0 Mon Sep 17 00:00:00 2001
From: Ariver <shanghai3168@gmail.com>
Date: Sun, 07 Jun 2026 00:52:56 +0800
Subject: [PATCH] Polish website layout and assets

---
 /dev/null                    |    0 
 docs/index-en.html           |   64 ++++++------
 docs/privacy-zh.html         |    4 
 docs/styles.css              |  137 ++++++++++++++++-----------
 docs/support.html            |   10 +-
 docs/assets/app-memo.png     |    0 
 docs/privacy.html            |    4 
 docs/index.html              |   80 ++++++++-------
 docs/assets/quick-search.png |    0 
 9 files changed, 165 insertions(+), 134 deletions(-)

diff --git a/docs/assets/app-memo.jpg b/docs/assets/app-memo.jpg
deleted file mode 100644
index 7bb27e4..0000000
--- a/docs/assets/app-memo.jpg
+++ /dev/null
Binary files differ
diff --git a/docs/assets/app-memo.png b/docs/assets/app-memo.png
new file mode 100644
index 0000000..2029b98
--- /dev/null
+++ b/docs/assets/app-memo.png
Binary files differ
diff --git a/docs/assets/quick-search.jpg b/docs/assets/quick-search.jpg
deleted file mode 100644
index 4b22781..0000000
--- a/docs/assets/quick-search.jpg
+++ /dev/null
Binary files differ
diff --git a/docs/assets/quick-search.png b/docs/assets/quick-search.png
new file mode 100644
index 0000000..94e1741
--- /dev/null
+++ b/docs/assets/quick-search.png
Binary files differ
diff --git a/docs/index-en.html b/docs/index-en.html
index c2c793b..1e05df5 100644
--- a/docs/index-en.html
+++ b/docs/index-en.html
@@ -21,7 +21,7 @@
         <a href="index-en.html" aria-current="page">Home</a>
         <a href="support.html">Support</a>
         <a href="privacy.html">Privacy</a>
-        <a href="https://github.com/shanghai3168/taglauncher/releases" rel="noopener">Help PDFs</a>
+        <a href="https://github.com/shanghai3168/taglauncher/releases/download/v7.6.0/Taglauncher-help-en.pdf" rel="noopener" type="application/pdf">Help PDF</a>
       </nav>
       <div class="lang-switch" role="navigation" aria-label="Language">
         <a href="index.html" hreflang="zh-Hans">中文</a>
@@ -49,7 +49,7 @@
     </div>
   </section>
 
-  <section class="views" aria-label="Five view modes">
+  <section class="views" aria-label="Four view modes">
     <div class="layout views__split">
       <div class="views__gallery">
         <figure class="views__shot">
@@ -67,23 +67,24 @@
       </div>
 
       <div class="views__copy">
-        <h2 class="views__headline">Five views—everything on one screen</h2>
+        <h2 class="views__headline">Four views—everything on one screen</h2>
         <p class="views__lead">No more opening folders one by one or flipping through pages. You're just finding an app—it shouldn't feel like a trek.</p>
         <hr class="views__rule" aria-hidden="true">
-        <p class="views__label">5 view modes</p>
-        <ul class="views__modes">
-          <li>Flat</li>
-          <li>Plain containers</li>
-          <li class="views__modes-row">
-            <span class="views__modes-row__label">Colored containers</span>
-            <div class="views__shortcut">
-              <span class="views__shortcut-label">Quick launch</span>
-              <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span>
-            </div>
-          </li>
-          <li>Plain grid</li>
-          <li>Colored grid</li>
-        </ul>
+        <div class="views__details">
+          <div class="views__modes-block">
+            <p class="views__label">4 view modes</p>
+            <ul class="views__modes">
+              <li>Flat</li>
+              <li>Plain containers</li>
+              <li>Colored containers</li>
+              <li>Plain grid</li>
+            </ul>
+          </div>
+          <div class="views__shortcut">
+            <span class="views__shortcut-label">Quick launch</span>
+            <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span>
+          </div>
+        </div>
       </div>
     </div>
   </section>
@@ -115,10 +116,10 @@
     <div class="layout memo__split">
       <figure class="memo__art">
         <img
-          src="assets/app-memo.jpg"
+          src="assets/app-memo.png"
           alt="TagLauncher app memo shown on hover"
-          width="880"
-          height="572"
+          width="1600"
+          height="1040"
           loading="lazy"
           decoding="async">
       </figure>
@@ -144,10 +145,10 @@
 
       <figure class="search__art">
         <img
-          src="assets/quick-search.jpg"
+          src="assets/quick-search.png"
           alt="TagLauncher Quick Search for apps, tags, and memos"
-          width="1024"
-          height="768"
+          width="1809"
+          height="1357"
           loading="lazy"
           decoding="async">
       </figure>
@@ -180,7 +181,10 @@
         <p class="privacy__lead">Data stays on your device—no analytics SDK, no ads. Never needs the network.</p>
 
         <div class="privacy__feature">
-          <h3 class="privacy__feature-title">Privacy matters</h3>
+          <h3 class="privacy__feature-title">
+            <span class="privacy__feature-icon" aria-hidden="true"></span>
+            Privacy matters
+          </h3>
           <p class="privacy__feature-text">TagLauncher never touches your privacy. Every line of code is built for local efficiency.</p>
         </div>
 
@@ -191,8 +195,6 @@
           </h3>
           <p class="privacy__feature-text">No bloated network components—fast launch, zero background footprint.</p>
         </div>
-
-        <p class="privacy__protocol">TagLauncher Security Protocol</p>
       </div>
 
       <figure class="privacy__art">
@@ -218,7 +220,7 @@
         </div>
         <div class="feature">
           <strong>Quick Search</strong>
-          Search names, tags, and notes.
+          <kbd>fn</kbd>+<kbd>Space</kbd> searches names, tags, and notes.
         </div>
         <div class="feature">
           <strong>Tags</strong>
@@ -233,15 +235,15 @@
           Export and import JSON.
         </div>
         <div class="feature">
-          <strong>Local-first</strong>
-          Data stays on your Mac.
+          <strong>Smart tag initialization</strong>
+          Initializes tag sets for 5000+ popular Mac apps, reducing setup from zero.
         </div>
       </div>
 
       <div class="features__cta">
         <p>Mac App Store coming soon · macOS 15.0+ · 29 UI languages</p>
         <div class="cta-row">
-          <a class="btn btn-primary" href="support.html">Support & contact</a>
+          <a class="btn btn-primary" href="support.html">Support &amp; contact</a>
           <a class="btn btn-secondary" href="privacy.html">Privacy policy</a>
         </div>
       </div>
@@ -259,4 +261,4 @@
     </div>
   </footer>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/docs/index.html b/docs/index.html
index 9ecd51a..d96fc1f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>TagLauncher — 标签化 Mac 应用启动器</title>
-  <meta name="description" content="在全球,这可能是Mac最好用的应用启动台。不用怀念 macOS 26 Tahoe 上消失的 Launchpad(启动台),反正他从来都没真的好用过。">
+  <meta name="description" content="在全球,这可能是 Mac 最好用的应用启动台。不用怀念 macOS 26 Tahoe 上消失的 Launchpad(启动台),反正它从来都没真的好用过。">
   <meta property="og:image" content="https://shanghai3168.github.io/taglauncher/assets/hero-visual.jpg">
   <link rel="stylesheet" href="styles.css">
   <link rel="alternate" hreflang="en" href="index-en.html">
@@ -21,7 +21,7 @@
         <a href="index.html" aria-current="page">首页</a>
         <a href="support.html">支持</a>
         <a href="privacy-zh.html">隐私政策</a>
-        <a href="https://github.com/shanghai3168/taglauncher/releases" rel="noopener">帮助 PDF</a>
+        <a href="https://github.com/shanghai3168/taglauncher/releases/download/v7.6.0/Taglauncher-help-zh.pdf" rel="noopener" type="application/pdf">帮助 PDF</a>
       </nav>
       <div class="lang-switch" role="navigation" aria-label="语言">
         <a href="index.html" class="is-active" hreflang="zh-Hans">中文</a>
@@ -33,8 +33,12 @@
   <section class="hero" aria-label="TagLauncher 宣传主图">
     <div class="layout hero__split">
       <div class="hero__copy">
-        <h1 class="hero__headline">在全球,这可能是Mac最好用的应用启动台</h1>
-        <p class="hero__lead">不用怀念 macOS 26 Tahoe 上消失的 Launchpad(启动台),反正他从来都没真的好用过</p>
+        <h1 class="hero__headline">
+          <span>在全球,这可能是</span>
+          <span>Mac 最好用的</span>
+          <span>应用启动台</span>
+        </h1>
+        <p class="hero__lead">不用怀念 macOS 26 Tahoe 上消失的 Launchpad(启动台),反正它从来都没真的好用过</p>
       </div>
 
       <figure class="hero__art">
@@ -49,7 +53,7 @@
     </div>
   </section>
 
-  <section class="views" aria-label="5种视图">
+  <section class="views" aria-label="4种视图">
     <div class="layout views__split">
       <div class="views__gallery">
         <figure class="views__shot">
@@ -67,23 +71,24 @@
       </div>
 
       <div class="views__copy">
-        <h2 class="views__headline">5种视图,全部一屏到底</h2>
+        <h2 class="views__headline">4 种视图,全部一屏到底</h2>
         <p class="views__lead">不需要一个个去点击文件夹,也不再需要翻页——只是找一个应用而已,不值得像过去那样翻山越水。</p>
         <hr class="views__rule" aria-hidden="true">
-        <p class="views__label">5 种视图模式</p>
-        <ul class="views__modes">
-          <li>平铺</li>
-          <li>无色容器</li>
-          <li class="views__modes-row">
-            <span class="views__modes-row__label">彩色容器</span>
-            <div class="views__shortcut">
-              <span class="views__shortcut-label">快捷唤起</span>
-              <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span>
-            </div>
-          </li>
-          <li>无色网格</li>
-          <li>彩色网格</li>
-        </ul>
+        <div class="views__details">
+          <div class="views__modes-block">
+            <p class="views__label">4 种视图模式</p>
+            <ul class="views__modes">
+              <li>平铺</li>
+              <li>无色容器</li>
+              <li>彩色容器</li>
+              <li>无色网格</li>
+            </ul>
+          </div>
+          <div class="views__shortcut">
+            <span class="views__shortcut-label">快捷唤起</span>
+            <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span>
+          </div>
+        </div>
       </div>
     </div>
   </section>
@@ -115,25 +120,25 @@
     <div class="layout memo__split">
       <figure class="memo__art">
         <img
-          src="assets/app-memo.jpg"
+          src="assets/app-memo.png"
           alt="TagLauncher 应用备忘:悬停显示用途说明"
-          width="880"
-          height="572"
+          width="1600"
+          height="1040"
           loading="lazy"
           decoding="async">
       </figure>
 
       <div class="memo__copy">
-        <h2 class="memo__headline">支持给应用写 备忘</h2>
+        <h2 class="memo__headline">支持给应用写备忘</h2>
         <p class="memo__lead">编辑用途说明,悬停显示,一目了然</p>
       </div>
     </div>
   </section>
 
-  <section class="search" aria-label="全局 Quicksearch">
+  <section class="search" aria-label="全局 Quick Search">
     <div class="layout search__split">
       <div class="search__copy">
-        <h2 class="search__headline">全局 Quicksearch</h2>
+        <h2 class="search__headline">全局 Quick Search</h2>
         <p class="search__lead">快捷搜索支持搜索应用名、标签与备忘</p>
         <p class="search__tagline">Mac 原生从不会给你的体验,我们给你!</p>
         <div class="search__shortcut">
@@ -144,10 +149,10 @@
 
       <figure class="search__art">
         <img
-          src="assets/quick-search.jpg"
+          src="assets/quick-search.png"
           alt="TagLauncher Quick Search:搜索应用名、标签与备忘"
-          width="1024"
-          height="768"
+          width="1809"
+          height="1357"
           loading="lazy"
           decoding="async">
       </figure>
@@ -176,11 +181,14 @@
   <section class="privacy" aria-label="离线隐私">
     <div class="layout privacy__split">
       <div class="privacy__copy">
-        <h2 class="privacy__headline">100%离线,100%无广告</h2>
+        <h2 class="privacy__headline">100% 离线,100% 无广告</h2>
         <p class="privacy__lead">数据存于本机,无分析 SDK,无广告。永远无需联网。</p>
 
         <div class="privacy__feature">
-          <h3 class="privacy__feature-title">隐私即正义</h3>
+          <h3 class="privacy__feature-title">
+            <span class="privacy__feature-icon" aria-hidden="true"></span>
+            隐私即正义
+          </h3>
           <p class="privacy__feature-text">TagLauncher 承诺绝不触碰您的隐私,每一行代码都为本地效率而生。</p>
         </div>
 
@@ -191,8 +199,6 @@
           </h3>
           <p class="privacy__feature-text">没有臃肿的网络组件,极速启动,零后台占用。</p>
         </div>
-
-        <p class="privacy__protocol">TagLauncher Security Protocol</p>
       </div>
 
       <figure class="privacy__art">
@@ -218,7 +224,7 @@
         </div>
         <div class="feature">
           <strong>Quick Search</strong>
-          搜索应用名、标签与备忘。
+          <kbd>fn</kbd>+<kbd>Space</kbd> 搜索应用名、标签与备忘。
         </div>
         <div class="feature">
           <strong>标签体系</strong>
@@ -233,8 +239,8 @@
           JSON 导出 / 导入,换机可恢复。
         </div>
         <div class="feature">
-          <strong>本地优先</strong>
-          数据存于本机,无分析 SDK。
+          <strong>智能标签初始化</strong>
+          针对全球最流行的 5000+ Mac 应用智能初始化标签方案,减少从零分类的成本。
         </div>
       </div>
 
@@ -259,4 +265,4 @@
     </div>
   </footer>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/docs/privacy-zh.html b/docs/privacy-zh.html
index 84a27e8..a42016d 100644
--- a/docs/privacy-zh.html
+++ b/docs/privacy-zh.html
@@ -18,7 +18,7 @@
         <a href="index.html">首页</a>
         <a href="support.html">支持</a>
         <a href="privacy-zh.html" aria-current="page">隐私政策</a>
-        <a href="https://github.com/shanghai3168/taglauncher/releases" rel="noopener">帮助 PDF</a>
+        <a href="https://github.com/shanghai3168/taglauncher/releases/download/v7.6.0/Taglauncher-help-zh.pdf" rel="noopener" type="application/pdf">帮助 PDF</a>
       </nav>
       <div class="lang-switch" role="navigation" aria-label="语言">
         <a href="privacy-zh.html" class="is-active" hreflang="zh-Hans">中文</a>
@@ -81,4 +81,4 @@
     </div>
   </footer>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/docs/privacy.html b/docs/privacy.html
index 45b7988..cf959b1 100644
--- a/docs/privacy.html
+++ b/docs/privacy.html
@@ -18,7 +18,7 @@
         <a href="index-en.html">Home</a>
         <a href="support.html">Support</a>
         <a href="privacy.html" aria-current="page">Privacy</a>
-        <a href="https://github.com/shanghai3168/taglauncher/releases" rel="noopener">Help PDFs</a>
+        <a href="https://github.com/shanghai3168/taglauncher/releases/download/v7.6.0/Taglauncher-help-en.pdf" rel="noopener" type="application/pdf">Help PDF</a>
       </nav>
       <div class="lang-switch" role="navigation" aria-label="Language">
         <a href="privacy-zh.html" hreflang="zh-Hans">中文</a>
@@ -84,4 +84,4 @@
     </div>
   </footer>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/docs/styles.css b/docs/styles.css
index 22be05f..4e2ddc6 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -12,7 +12,10 @@
   --radius: 16px;
   --shadow: 0 20px 50px rgba(30, 45, 90, 0.12);
   --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Segoe UI", sans-serif;
-  --hero-bg: #ffffff;
+  --hero-bg: linear-gradient(135deg, #ffffff 0%, #f7faff 54%, #f6f2ff 100%);
+  --section-blue: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
+  --section-lilac: linear-gradient(135deg, #fbfcff 0%, #ffffff 44%, #f8f5ff 100%);
+  --section-mint: linear-gradient(135deg, #ffffff 0%, #f7fbff 52%, #f3fbf7 100%);
 }
 
 * {
@@ -29,7 +32,7 @@
   color: var(--text);
   line-height: 1.55;
   -webkit-font-smoothing: antialiased;
-  background: var(--bg);
+  background: linear-gradient(180deg, #fbfcff 0%, #f4f7ff 38%, #f5fbf8 72%, #fbfcff 100%);
   min-height: 100vh;
 }
 
@@ -58,7 +61,7 @@
   top: 0;
   z-index: 50;
   height: var(--header-h);
-  background: rgba(244, 246, 251, 0.82);
+  background: rgba(250, 252, 255, 0.86);
   border-bottom: 1px solid var(--border);
   backdrop-filter: blur(16px) saturate(1.25);
 }
@@ -148,7 +151,7 @@
 }
 
 .page-home .site-header {
-  background: rgba(255, 255, 255, 0.88);
+  background: rgba(255, 255, 255, 0.86);
 }
 
 /* Hero — copy left, original design visual right (compact, no forced full-screen) */
@@ -174,9 +177,13 @@
   margin: 0;
   font-size: clamp(2rem, 4.8vw, 3.15rem);
   font-weight: 800;
-  letter-spacing: -0.04em;
+  letter-spacing: 0;
   line-height: 1.1;
   color: #000;
+}
+
+.hero__headline span {
+  display: block;
 }
 
 .hero__lead {
@@ -206,17 +213,17 @@
   border: 0;
 }
 
-/* Second screen — 5 view modes */
+/* Second screen — 4 view modes */
 .views {
   padding: 56px 0 64px;
-  background: #ffffff;
+  background: var(--section-blue);
 }
 
 .views__split {
   display: grid;
   grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
   gap: 28px 48px;
-  align-items: center;
+  align-items: start;
 }
 
 .views__gallery {
@@ -229,6 +236,7 @@
 
 .views__shot {
   margin: 0;
+  aspect-ratio: 720 / 450;
   border-radius: 12px;
   overflow: hidden;
   line-height: 0;
@@ -240,14 +248,16 @@
 .views__shot img {
   display: block;
   width: 100%;
-  height: auto;
+  height: 100%;
+  object-fit: cover;
+  object-position: center bottom;
 }
 
 .views__headline {
   margin: 0;
   font-size: clamp(1.85rem, 3.8vw, 2.7rem);
   font-weight: 800;
-  letter-spacing: -0.04em;
+  letter-spacing: 0;
   line-height: 1.12;
   color: #000;
 }
@@ -271,6 +281,13 @@
   margin: 0 0 16px;
   font-size: 0.94rem;
   color: #86868b;
+}
+
+.views__details {
+  display: grid;
+  grid-template-columns: minmax(190px, 1fr) max-content;
+  gap: 20px 34px;
+  align-items: end;
 }
 
 .views__modes {
@@ -300,22 +317,11 @@
   background: var(--accent);
 }
 
-.views__modes-row {
-  display: flex;
-  align-items: center;
-  gap: 14px 20px;
-  width: 100%;
-}
-
-.views__modes-row__label {
-  flex-shrink: 0;
-}
-
 .views__shortcut {
   display: inline-flex;
   flex-direction: column;
   gap: 6px;
-  margin-left: auto;
+  margin-top: 0;
   flex-shrink: 0;
   padding: 12px 18px;
   border-radius: 14px;
@@ -337,7 +343,7 @@
 /* Third screen — tag management */
 .tags {
   padding: 56px 0 64px;
-  background: #ffffff;
+  background: var(--section-lilac);
 }
 
 .tags__split {
@@ -351,7 +357,7 @@
   margin: 0;
   font-size: clamp(1.85rem, 3.8vw, 2.7rem);
   font-weight: 800;
-  letter-spacing: -0.04em;
+  letter-spacing: 0;
   line-height: 1.12;
   color: #000;
 }
@@ -391,6 +397,7 @@
 
 .tags__art {
   margin: 0;
+  aspect-ratio: 880 / 552;
   line-height: 0;
   justify-self: end;
   max-width: 540px;
@@ -405,13 +412,15 @@
 .tags__art img {
   display: block;
   width: 100%;
-  height: auto;
+  height: 100%;
+  object-fit: cover;
+  object-position: center bottom;
 }
 
 /* Fourth screen — app memos */
 .memo {
   padding: 56px 0 64px;
-  background: #ffffff;
+  background: var(--section-mint);
 }
 
 .memo__split {
@@ -423,6 +432,7 @@
 
 .memo__art {
   margin: 0;
+  aspect-ratio: 880 / 552;
   line-height: 0;
   justify-self: start;
   max-width: 540px;
@@ -437,14 +447,16 @@
 .memo__art img {
   display: block;
   width: 100%;
-  height: auto;
+  height: 100%;
+  object-fit: cover;
+  object-position: center bottom;
 }
 
 .memo__headline {
   margin: 0;
   font-size: clamp(1.85rem, 3.8vw, 2.7rem);
   font-weight: 800;
-  letter-spacing: -0.04em;
+  letter-spacing: 0;
   line-height: 1.12;
   color: #000;
 }
@@ -460,7 +472,7 @@
 /* Fifth screen — global Quick Search */
 .search {
   padding: 56px 0 64px;
-  background: #ffffff;
+  background: var(--section-lilac);
 }
 
 .search__split {
@@ -474,7 +486,7 @@
   margin: 0;
   font-size: clamp(1.85rem, 3.8vw, 2.7rem);
   font-weight: 800;
-  letter-spacing: -0.04em;
+  letter-spacing: 0;
   line-height: 1.12;
   color: #000;
 }
@@ -522,25 +534,26 @@
   margin: 0;
   line-height: 0;
   justify-self: end;
-  max-width: 460px;
+  max-width: 500px;
   width: 100%;
-  border-radius: 12px;
-  overflow: hidden;
-  background: #f5f5f7;
-  box-shadow: 0 10px 28px rgba(30, 45, 90, 0.1);
-  border: 1px solid rgba(0, 0, 0, 0.06);
+  border-radius: 0;
+  overflow: visible;
+  background: transparent;
+  box-shadow: none;
+  border: 0;
 }
 
 .search__art img {
   display: block;
   width: 100%;
   height: auto;
+  filter: drop-shadow(0 14px 28px rgba(30, 45, 90, 0.12));
 }
 
 /* Sixth screen — backup & restore */
 .backup {
   padding: 56px 0 64px;
-  background: #ffffff;
+  background: var(--section-blue);
 }
 
 .backup__split {
@@ -573,7 +586,7 @@
   margin: 0;
   font-size: clamp(1.85rem, 3.8vw, 2.7rem);
   font-weight: 800;
-  letter-spacing: -0.04em;
+  letter-spacing: 0;
   line-height: 1.12;
   color: #000;
 }
@@ -594,7 +607,7 @@
 /* Seventh screen — offline & privacy */
 .privacy {
   padding: 56px 0 64px;
-  background: #ffffff;
+  background: var(--section-mint);
 }
 
 .privacy__split {
@@ -608,7 +621,7 @@
   margin: 0;
   font-size: clamp(2rem, 4.2vw, 3rem);
   font-weight: 800;
-  letter-spacing: -0.04em;
+  letter-spacing: 0;
   line-height: 1.08;
   color: #000;
 }
@@ -669,14 +682,6 @@
   max-width: 28em;
 }
 
-.privacy__protocol {
-  margin: 36px 0 0;
-  font-size: 0.72rem;
-  letter-spacing: 0.14em;
-  text-transform: uppercase;
-  color: #aeaeb2;
-}
-
 .privacy__art {
   margin: 0;
   line-height: 0;
@@ -713,19 +718,19 @@
 .card h2 {
   margin: 0 0 14px;
   font-size: 1.3rem;
-  letter-spacing: -0.02em;
+  letter-spacing: 0;
 }
 
 /* Features + CTA — full-width white band */
 .features {
   padding: 56px 0 72px;
-  background: #ffffff;
+  background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
 }
 
 .features__headline {
   margin: 0 0 24px;
   font-size: 1.3rem;
-  letter-spacing: -0.02em;
+  letter-spacing: 0;
 }
 
 .features__cta {
@@ -740,13 +745,13 @@
 
 .feature-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 12px;
 }
 
 .feature {
   padding: 15px 17px;
-  border-radius: 12px;
+  border-radius: 8px;
   background: #f8f9fd;
   border: 1px solid var(--border);
 }
@@ -828,9 +833,18 @@
 }
 
 @media (max-width: 860px) {
+  .site-header {
+    height: auto;
+  }
+
   .site-header__bar {
     grid-template-columns: auto auto;
     grid-template-rows: auto auto;
+    height: auto;
+    min-height: var(--header-h);
+    gap: 8px 14px;
+    padding-top: 8px;
+    padding-bottom: 10px;
   }
 
   .site-nav {
@@ -869,12 +883,13 @@
     max-width: 36em;
   }
 
-  .views__modes-row {
-    flex-wrap: wrap;
+  .views__details {
+    grid-template-columns: 1fr;
+    gap: 24px;
   }
 
   .views__shortcut {
-    margin-left: 0;
+    justify-self: start;
   }
 
   .tags__split {
@@ -925,6 +940,10 @@
   .privacy__art {
     justify-self: center;
   }
+
+  .feature-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
 }
 
 @media (max-width: 560px) {
@@ -935,4 +954,8 @@
   .hero {
     padding: 32px 0 48px;
   }
-}
\ No newline at end of file
+
+  .feature-grid {
+    grid-template-columns: 1fr;
+  }
+}
diff --git a/docs/support.html b/docs/support.html
index bad41c8..fdef26c 100644
--- a/docs/support.html
+++ b/docs/support.html
@@ -18,7 +18,7 @@
         <a href="index.html">首页</a>
         <a href="support.html" aria-current="page">支持</a>
         <a href="privacy-zh.html">隐私政策</a>
-        <a href="https://github.com/shanghai3168/taglauncher/releases" rel="noopener">帮助 PDF</a>
+        <a href="https://github.com/shanghai3168/taglauncher/releases/download/v7.6.0/Taglauncher-help-zh.pdf" rel="noopener" type="application/pdf">帮助 PDF</a>
       </nav>
       <div class="lang-switch" role="navigation" aria-label="语言">
         <a href="index.html" hreflang="zh-Hans">中文</a>
@@ -56,11 +56,11 @@
         <h2>帮助文档 / Help</h2>
         <p>
           应用内「关于」可打开与当前界面语言匹配的帮助 PDF。
-          所有语言包托管在 GitHub Releases:
+          也可以直接下载中文版帮助文档:
         </p>
         <p>
-          <a href="https://github.com/shanghai3168/taglauncher/releases" rel="noopener">
-            github.com/shanghai3168/taglauncher/releases
+          <a href="https://github.com/shanghai3168/taglauncher/releases/download/v7.6.0/Taglauncher-help-zh.pdf" rel="noopener" type="application/pdf">
+            下载中文版帮助 PDF
           </a>
         </p>
 
@@ -89,4 +89,4 @@
     </div>
   </footer>
 </body>
-</html>
\ No newline at end of file
+</html>

--
Gitblit v1.9.3