From 8532eaa8f442d4023c6cdde527ed9ede47ac538b Mon Sep 17 00:00:00 2001 From: Rocky <72559939+hkgood@users.noreply.github.com> Date: Sun, 12 Jul 2026 16:29:08 +0800 Subject: [PATCH] refactor(docs): trim landing page story, gallery, and closing CTA Drop the product walkthrough, cross-device gallery, and bottom closing band so the page goes from differentiation pillars straight to BYOK. --- docs/index.html | 346 ------------------------------------------------ 1 file changed, 346 deletions(-) diff --git a/docs/index.html b/docs/index.html index 5e153f0..850015c 100644 --- a/docs/index.html +++ b/docs/index.html @@ -370,139 +370,6 @@ line-height: 1.45; } - /* —— Story rows —— */ - /* Never force aspect-ratio + object-fit:cover on product shots — that crops/squashes. */ - .story { - display: grid; - grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); - gap: clamp(1.5rem, 4vw, 3rem); - align-items: center; - padding: 2.75rem 0; - } - .story.story--phone { - grid-template-columns: minmax(0, 1fr) minmax(220px, 300px); - } - .story.story--media-first { - grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); - } - .story.story--media-first.story--phone { - grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); - } - .story.story--media-first .story-copy { order: 2; } - .story.story--media-first .story-media { order: 1; } - @media (max-width: 860px) { - .story, - .story.story--phone, - .story.story--media-first, - .story.story--media-first.story--phone { - grid-template-columns: 1fr; - gap: 1.35rem; - } - .story.story--media-first .story-copy, - .story.story--media-first .story-media { order: initial; } - .story .story-media { order: -1; } - } - .story-copy .kicker { - display: inline-flex; - align-items: center; - gap: 0.35rem; - font-size: 0.8rem; - font-weight: 600; - color: var(--accent); - margin-bottom: 0.7rem; - } - .story-copy .kicker .material-symbols-outlined { font-size: 18px; } - .story-copy h3 { - margin: 0 0 0.7rem; - font-size: clamp(1.4rem, 2.6vw, 1.85rem); - letter-spacing: -0.025em; - line-height: 1.2; - } - .story-copy p { - margin: 0; - color: var(--text-2); - font-size: 1.02rem; - } - .shot { - margin: 0; - line-height: 0; - /* Desktop/Mac window PNGs already include chrome — no card fill behind them. */ - border: none; - background: transparent; - box-shadow: none; - border-radius: 0; - overflow: visible; - } - .shot img { - width: 100%; - height: auto; - display: block; - } - .shot--phone { - border-radius: 28px; - max-width: 300px; - width: 100%; - margin-inline: auto; - overflow: hidden; - border: 1px solid var(--line); - background: var(--bg-elevated); - box-shadow: var(--shadow); - } - - /* —— Device strip —— */ - .device-strip { - display: flex; - flex-wrap: wrap; - align-items: flex-end; - justify-content: center; - gap: 1.5rem 1.75rem; - } - .device-card { - margin: 0; - line-height: 0; - border: none; - background: transparent; - box-shadow: none; - border-radius: 0; - overflow: visible; - } - .device-card img { - width: 100%; - height: auto; - display: block; - } - .device-card.mac { - flex: 1 1 520px; - max-width: 720px; - } - .device-card.phone { - flex: 0 0 auto; - width: min(260px, 46vw); - border-radius: 26px; - overflow: hidden; - border: 1px solid var(--line); - background: var(--bg-elevated); - box-shadow: var(--shadow); - } - .device-caption { - margin-top: 0.65rem; - font-size: 0.8rem; - font-weight: 600; - color: var(--text-3); - text-align: center; - line-height: 1.3; - } - .device-item { - display: flex; - flex-direction: column; - align-items: center; - } - .device-item.mac { - flex: 1 1 520px; - max-width: 720px; - } - .device-item.mac .device-card { width: 100%; } - /* —— Compare —— */ .compare { border-radius: calc(var(--radius) + 4px); @@ -572,43 +439,6 @@ font-size: 0.93rem; } - /* —— Closing —— */ - .closing { - padding: 5rem 0 4rem; - text-align: center; - position: relative; - } - .closing::before { - content: ""; - position: absolute; - inset: 10% 20% 20%; - background: radial-gradient(circle, var(--accent-soft), transparent 65%); - pointer-events: none; - } - .closing .wrap { position: relative; } - .closing .brand-mark { - width: 110px; - height: 34px; - margin: 0 auto 1.4rem; - color: var(--accent); - } - .closing h2 { - margin: 0 0 0.75rem; - font-size: clamp(1.8rem, 4vw, 2.6rem); - letter-spacing: -0.035em; - } - .closing p { - margin: 0 auto 1.75rem; - max-width: 32rem; - color: var(--text-2); - } - .closing-cta { - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 0.7rem; - } - /* —— Footer —— */ footer { border-top: 1px solid var(--line); @@ -743,110 +573,6 @@ - -
-
-
-

开口之后，全链路都在你掌控

-

从键盘到桌面，从词库到设置 — 真实产品界面。

-
- -
-
-
- - macOS -
-

首页听写，边说边落字

-

红色录音态实时显示转写。本地 ASR 就绪时，文字出现在听写区，也可插入前台 App 光标处。

-
-
-
- Mac dictation recording -
-
-
- -
-
-
- - iPhone -
-

自定义键盘：绿就绪，红录音

-

主 App 可试键盘；系统设置添加后，任意 App 切换到 OSGKeyboard 即可听写。「本地」标识默认不上云。

-
-
-
- iPhone keyboard recording -
-
-
- -
-
-
- - 个性词库 -
-

个性词库，让识别更懂你

-

人名、产品名、专业术语按类整理。AI 润色时原样保留，避免被「改坏」。

-
-
-
- Mac personal dictionary -
-
-
- -
-
-
- - 隐私 · 本地引擎 -
-

默认本地识别，高隐私低延迟

-

设置里可选本地或云端引擎。截图中本地识别已勾选；云端与 API Key 仅在你主动配置时使用。

-
-
-
- Mac settings local ASR -
-
-
-
-
- - -
-
-
-

跨端同一套体验

-

Mac 历史归档，iPhone 用量与键盘 — 完整窗口，不做裁切。

-
-
-
-
- Mac history -
-
Mac · 听写历史
-
-
-
- iPhone home -
-
iPhone · 首页统计
-
-
-
- iPhone keyboard idle -
-
iPhone · 键盘待机
-
-
-
-
-
@@ -905,32 +631,6 @@
- -
-
- -

开口即文字。其余交给你。

-

免费、跨端、开源、隐私优先。语音留在本机，AI 用你自己的 Key。

-
- - - 立即获取 - - - - 隐私政策 - -
-
-