From aa4651a4fa235c3a5f0a70112001dfac5ede4647 Mon Sep 17 00:00:00 2001
From: fylorn <249551762+fylorn@users.noreply.github.com>
Date: Wed, 30 Sep 2026 16:54:45 +0800
Subject: [PATCH] Lite page: label the status card (platforms, interface,
 updates, license)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The row of monospace labels ran items together: nothing said which words
belonged to one platform or what "MIT" or "English · 简体中文" stood for.
Each fact now sits under a label, one platform per line, in the body font.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/pages/LitePage.astro | 14 ++++++++++----
 src/i18n/pages/lite.ts              | 20 ++++++++++++++++++--
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/src/components/pages/LitePage.astro b/src/components/pages/LitePage.astro
index f272a49..48ceb07 100644
--- a/src/components/pages/LitePage.astro
+++ b/src/components/pages/LitePage.astro
@@ -124,17 +124,23 @@ const archLabel = { x64: "x64", arm64: "ARM64" } as const;
 
     <div class="container-page">
       <div
-        class="reveal flex flex-col items-start gap-3 rounded-[14px] border border-[var(--color-border-strong)] bg-[var(--color-surface)] px-5 py-5 sm:flex-row sm:items-center sm:gap-7 sm:px-7 sm:py-6"
+        class="reveal flex flex-col items-start gap-4 rounded-[14px] border border-[var(--color-border-strong)] bg-[var(--color-surface)] px-5 py-5 sm:px-7 sm:py-6 lg:flex-row lg:gap-8"
         style={delay(5)}
       >
         <span class="shrink-0 rounded-full bg-[var(--color-brand-1)] px-3 py-1.5 font-mono text-xs font-medium uppercase tracking-[0.06em] text-[var(--color-bg)]">
           {c.status.badge}
         </span>
-        <ul class="m-0 flex list-none flex-wrap gap-x-5 gap-y-2 p-0 font-mono text-[13px] text-[#cbd5e1] sm:text-sm">
+        {/* 每栏一个标签：外人一眼看出哪几项是平台、哪一项是语言或许可证 */}
+        <dl class="m-0 grid w-full gap-x-8 gap-y-4 sm:grid-cols-2 lg:grid-cols-[minmax(0,1.6fr)_repeat(3,minmax(0,1fr))]">
           {c.status.items.map((item) => (
-            <li>{item}</li>
+            <div class="flex min-w-0 flex-col gap-1">
+              <dt class="text-[13px] text-[var(--color-muted)]">{item.label}</dt>
+              {item.lines.map((line) => (
+                <dd class="m-0 text-[15px] leading-relaxed text-[#cbd5e1]">{line}</dd>
+              ))}
+            </div>
           ))}
-        </ul>
+        </dl>
       </div>
     </div>
 
diff --git a/src/i18n/pages/lite.ts b/src/i18n/pages/lite.ts
index f52c65d..df7b2a9 100644
--- a/src/i18n/pages/lite.ts
+++ b/src/i18n/pages/lite.ts
@@ -34,7 +34,15 @@ export const liteCopy = {
     },
     status: {
       badge: "Available",
-      items: ["macOS 12+ · Apple silicon", "Windows 10 21H2+ · x64 · ARM64", "Linux · x86_64 · aarch64", "English · 简体中文", "Updates itself", "MIT"],
+      items: [
+        {
+          label: "Platforms",
+          lines: ["macOS 12 or later, Apple silicon", "Windows 10 21H2 or later, x64 or ARM64", "Linux, x86_64 or aarch64"],
+        },
+        { label: "Interface", lines: ["English and Simplified Chinese"] },
+        { label: "Updates", lines: ["Installed by the app itself; through Homebrew for a Homebrew installation"] },
+        { label: "License", lines: ["MIT, free and open source"] },
+      ],
     },
     features: {
       eyebrow: "Features",
@@ -204,7 +212,15 @@ export const liteCopy = {
     },
     status: {
       badge: "已发布",
-      items: ["macOS 12+ · Apple silicon", "Windows 10 21H2+ · x64 · ARM64", "Linux · x86_64 · aarch64", "English · 简体中文", "自动更新", "MIT"],
+      items: [
+        {
+          label: "支持平台",
+          lines: ["macOS 12 及以上（Apple silicon）", "Windows 10 21H2 及以上（x64、ARM64）", "Linux（x86_64、aarch64）"],
+        },
+        { label: "界面语言", lines: ["英文、简体中文"] },
+        { label: "更新", lines: ["应用自动更新；通过 Homebrew 安装的随 Homebrew 更新"] },
+        { label: "许可证", lines: ["MIT，免费开源"] },
+      ],
     },
     features: {
       eyebrow: "功能",