From b1a0bf49636b9454c60185849dbc8511c68a1ba5 Mon Sep 17 00:00:00 2001
From: Ariver <shanghai3168@gmail.com>
Date: Sun, 07 Jun 2026 00:06:26 +0800
Subject: [PATCH] Use user-provided Quick Search screenshot without processing

---
 docs/styles.css |   69 +++++++++++++++++++---------------
 1 files changed, 39 insertions(+), 30 deletions(-)

diff --git a/docs/styles.css b/docs/styles.css
index d76a0bc..22be05f 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -300,12 +300,24 @@
   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 {
-  margin-top: 32px;
   display: inline-flex;
   flex-direction: column;
   gap: 6px;
-  padding: 14px 20px;
+  margin-left: auto;
+  flex-shrink: 0;
+  padding: 12px 18px;
   border-radius: 14px;
   background: #f5f5f7;
   border: 1px solid var(--border);
@@ -683,7 +695,7 @@
   filter: drop-shadow(0 18px 36px rgba(60, 80, 140, 0.16));
 }
 
-/* Main content */
+/* Inner pages (support, privacy) */
 .page-main {
   padding: 56px 0 72px;
 }
@@ -697,44 +709,33 @@
   margin-bottom: 22px;
 }
 
+.card h1,
 .card h2 {
   margin: 0 0 14px;
   font-size: 1.3rem;
   letter-spacing: -0.02em;
 }
 
-.card-cta {
+/* Features + CTA — full-width white band */
+.features {
+  padding: 56px 0 72px;
+  background: #ffffff;
+}
+
+.features__headline {
+  margin: 0 0 24px;
+  font-size: 1.3rem;
+  letter-spacing: -0.02em;
+}
+
+.features__cta {
+  margin-top: 40px;
   text-align: center;
 }
 
-.card-cta p {
+.features__cta p {
   margin: 0 0 16px;
   color: var(--muted);
-}
-
-.compare {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 0.95rem;
-}
-
-.compare th,
-.compare td {
-  text-align: left;
-  padding: 11px 12px;
-  border-bottom: 1px solid var(--border);
-  vertical-align: top;
-}
-
-.compare th {
-  font-size: 0.78rem;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: var(--muted);
-}
-
-.compare tr:last-child td {
-  border-bottom: none;
 }
 
 .feature-grid {
@@ -868,6 +869,14 @@
     max-width: 36em;
   }
 
+  .views__modes-row {
+    flex-wrap: wrap;
+  }
+
+  .views__shortcut {
+    margin-left: 0;
+  }
+
   .tags__split {
     grid-template-columns: 1fr;
     gap: 36px;

--
Gitblit v1.9.3